Looking to Remove Hamburger Menu on Mobile and Display Desktop Navbar on Smaller Screens

Support
#1

Hi, I am looking to completely remove the hamburger menu dropdown on mobiles and just go with the desktop look on smaller screens. I am using ethos. I guess I am looking for the CSS code, thanks so much!

#2

Hi Jamie,

Thanks for reaching out.
You need to customize the Header to remove the Hamburger menu from Mobile and use the Desktop menu. The customizable header option is not available with the X you are using, I would suggest you upgrade to the Pro theme to customize the header using the Header Builder. Please go through the process here: https://theme.co/docs/converting-from-x-to-pro

I would suggest you go through the following article on how to use the Header Builder.


Hope it helps.
Thanks

#4

I can almost make it work as is by adding these two CSS codes I found in other forum posts:

bn

However, the only issue is the size of the menu doesn’t decrease once in mobile. Is there any way I can make it smaller for mobile use?

#5

Hi Jamie,

Unfortunately, we don’t offer any support on the custom CSS code. I would suggest you consult a developer on this or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.

Thanks

#6

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