[Resolved] Mega Menu Issue

[Leo]

No problem 🙂

[Jason]

Hey Leo,

One last quick question if you have a second. With the mega menu active, the page has the horizontal scroll bar at the bottom of the page no matter how big or small the page is. Is there anyway to avoid that with the mega menu active?

https://imgur.com/auoDvX8

(WP-Rocket disabled)(Credentials provided)

[David]

Hi there,

I am only seeing this on smaller screens and when the About Submenu is open.
Try changing the Dropdown direction of the Sub Menu to Left in Customizer > Layout > Primary Navigation.

[Jason]

Thanks, David. I gave that a try and am still seeing the issue. Sometimes when the a page loads, the issue is only present after you start scrolling down the page (if that helps). I’ve tested on a few devices/large monitors and am having the issue consistently.

[Leo]

I don’t think the issue is the mega menu here as I’m not seeing the issue on Therapy and Stress page.

Can you confirm?

[Jason]

You’re correct Leo. It looks like it’s just with the homepage. When I remove the mega-menu CSS (which I moved to the top), the issue goes away.

[Leo]

If it’s just the home page then it shouldn’t be the mega menu issue.

Try this CSS patch:

body {
    overflow-x: hidden;
}

[Jason]

You’re the best. Fixed!

[Leo]

Glad to hear 🙂

[Author]

Posts