Can you delete mobile hamburger menu?

Hi, my mobile menu (hamburger) hasn’t been working. As I’m troubleshooting and working with Ezoic, it seems I need to turn off some things on their end which would compromise speed.

Because I want a fast site (especially for mobile), I’d like to just turn off the hamburger mobile menu option and instead show the actual menu options at the top. Is there an option to turn this off in X Pro, or do I need to insert code?

Any help is appreciated, thanks!

Hello @jenbrady,

Thanks for writing to us.

In case you are using the default Header, please note there is no option to completely remove the hamburger menu. You can hide it using custom CSS code

@media (max-width: 978.98px){
.masthead-inline .x-btn-navbar {
display: none;
}
}

In case you are using Pro theme custom Header, I would suggest you don’t need to use any mobile menu element so that it would not render any other element markup for small devices.

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you subscribe to One where customization questions are answered.

Hope it helps
Thanks

1 Like

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