Device Mockups in Oxygen Builder

YouTube video

Written By

Jonathan Jernigan

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:


Taylor Drayson:

Signup for the most inconsistent newsletter this side of the Mississippi

Delivered on a regular-as-I-can basis, I'll share interesting blog posts, announcements, and other pertinent information. I hate garbage emails as much as you and promise not to make it worse.

  • This field is for validation purposes and should be left unchanged.