Pro Theme - Mobile Header - Screen scrolling to the right - Header Issue

Support
#1

Hi Team

I’ve got an issue where my Pro Header used for Blog Posts/Pages loads on Mobile, but then you’re able to scroll to the right, and its as though the window is as wide as a desktop screen.

I’ve tried multiple different setting changes in my Header to ensure the screen loads and “locks” to the mobile width, but I think there’s something up with the Header that I’m unable to work out.

Thing’s I’ve tried:

  • Removing Border Blur
  • Changing/Removing Max width dimensions
  • Changing/Removing Margins
  • Changing Header properties - ie. sticky, not sticky etc.

Please assist!

Thanks,
Sam

#2

Hi there,

Please kindly add the css code below to Pro > Launch > Theme Options > CSS:

.x-root {
	overflow-x: hidden;
}

Thank you.

1 Like
#3

Thank very much, Chris.

I’ll assume this will be included in the next update as well.

Cheers,
Sam

#4

Hi there,

Exactly, actually we already mentioned this in our known issues post. For more information:

https://theme.co/apex/forum/t/troubleshooting-pro-known-issues/203

Thank you.

#5

Awesome - thanks Chris

#6

You’re welcome Chris.

#7

just a heads up, there is no option to edit css when you go through the launch to theme options.

#8

Hi there,

Please refer to the screenshot where you can find the CSS panel.

Hope this helps.

#9

aha! thank you.
I’m getting to it by the other route, assuming that is ok? Appearance/Customise

#10

Hi there,

Yes, the custom CSS added through the customizer should be fine as well.

1 Like
#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.