Register

Device Mockups in Oxygen Builder

If you've ever wanted to show a device like an iPhone, iPad, or even desktop computer with content inside of it for a portfolio or interactive demo, it's often very difficult to do. This tutorial will show you how to create interactive device mockups in Oxygen Builder with a variety of devices and colors.

Because it's built using a shortcode wrapper, essential a div, anything can go inside of it.

Below is the code used to achieve the layouts in the tutorial video.

CSS and Code Snippet: https://github.com/permaslug/Device-Mockups-for-Oxygen/tree/main

Credit:

https://picturepan2.github.io/devices.css/

Taylor Drayson: https://thecreativetinker.com/

Signup For Emails

Want to be notified when new tutorials are released? Signup below for our roundup emails. We promise not to spam and won't blow up your inbox. 
Jonathan Jernigan, Founder
Permaslug and APEX Web Solutions

JOIN PERMASLUG

Membership Benefits Include:

  • Ultimate Oxygen Course
  • Ultimate Woocommerce Course
  • ACF Pro Course
  • Material Design Lite
  • Template Downloads
  • Community
  • And more!
Learn MOre

Read More

Powered by 
APEX Web Solutions
menu-circle
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram