Fix white space on right side on mobile in Oxygen

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 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. 
  • This field is for validation purposes and should be left unchanged.
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!
register

More Posts

Four New Composite Elements Added to Oxygen

Today the Oxygen Builder team has released 4 new composite elements into the wild that include a breadcrumbs element, a video playlist element, a logo slider element, and last but not least an image accordion…
READ post

The Saga of Menus in Oxygen and How I Fixed It

By far the weakest link of Oxygen Builder has been their Menu elements. I've spent countless hours across numerous client projects trying to find the best solution and I think I've found one that will…
READ post

Automatically Convert Figma to Oxygen Builder with Xenon

I am extremely excited to annouce my agency's app called Xenon. This tool lets you export your Figma designs into Oxygen Builder automatically. What I'll show you is a demo of how the app connects…
READ post
menu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram