Fix white space on right side on mobile in Oxygen

Written By

Jonathan Jernigan

Finding yourself with white space on the right side of your Oxygen page on mobile devices?

The best way to do this is in Chrome, right click on your page and choose Inspect.
In the upper right, click the “Toggle Device Toolbar” button to show mobile responsive views.
toggle device toolbar in chrome

Choose something like iPhone 6/7/8.

Scroll down the page to find what object is pushing out further than the rest and then go back to the Oxygen editor.

This issue is usually caused by an element having a width defined that is too wide for the viewport, so use the Oxygen mobile responsive settings to change the width of the element at each breakpoint to make it fit.

If it’s not immediately apparent what the issue is, try this tutorial: https://oxygen4fun.supadezign.com/tips/how-to-fix-the-gap-problem-on-mobile-view/

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.