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: https://github.com/permaslug/Device-Mockups-for-Oxygen/tree/main

Credit:

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

Taylor Drayson: https://thecreativetinker.com/

Signup for the most inconsistent newsletter this side of the Mississippi

Delivered on a regular-as-I-can basis, I'll share with you the tl;dr of new blog posts and videos, exciting announcements, and other valuable information from around the WordPress ecosphere. You'll never get more than one email per week from me.

"*" indicates required fields

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