Remove menu from mobile?

I don’t need any menu navigation on my website and I’ve set it up so that there is no menu icon when viewing on desktop, but when I switch to mobile the menu icon appears (even though I haven’t created/configured any menus)

I’ve tried adding several css snippets that were referenced in other threads but I haven’t been able to fully remove the menu. I can set the icon property to display: none, but that just makes the menu invisible but still clickable.

Has anyone using Shapley successfully removed the menu from from both desktop and mobile?

Thanks in advance!

Hey there

I hope you are well today and thank you for your question.

Please provide url of your website and i will do my best to provide custom css to hide menu color on mobile view :wink:

Hey there

Please add this css in appearance > customize > additional css:

/Hide mobile menu aka hamburger menu/
.module.widget-handle i {
display: none;
}

Thanks, but I tried that already. That just hides the icon so a visitor can still end up clicking on the empty menu icon even though it’s hidden. Is there any way to completely disable the mobile menu all together?

Hi MIke

Yes, sure, just add this code and your problem will be solved :slight_smile:


/*Dissable pointer events for mobile menu*/
.module.widget-handle {
pointer-events: none;
}