Superfly Hide mobile theme hamburger but keep header

[Christina]

Hi I am not using Pro. I am using superfly and need to hide the theme mobile hamburger. We set menu to an empty menu so works fine on desktop but on mobile still see the theme’s hamburger in header. What is CSS to remove but keep header as we need logo to appear. https://www.morepars.com/plans/ example page

Thanks for help!
Christina

[ruenel]

Hello Christina,

Thanks for writing in! There is no setting to hide or disable the mobile menu. You will need to use custom css in X > Theme Options > Custom css. By default, the mobile menu is displayed using this css code:

.masthead-inline .x-btn-navbar {
    display: block;
}

Feel free to use the code above and change the display into none so that it will no longer display in your header. To learn more about the css display property, please check this out: https://www.w3schools.com/cssref/pr_class_display.asp

We would love to know if this has worked for you. Thank you.

[Christina]

Fantastic and easy fix! I greatly appreciate your help.

Christina

[ruenel]

No problem Christina.
If you need anything else we can help you with, don’t hesitate to open another thread.