Remove menu from mobile site

Illdy
1

I used the following code found on another post to remove the menu. The menu is gone from the desktop version but still shows up on the mobile site.

#header .top-header .header-navigation {
display: none;
}

Here is my site - http://zwagindowntheaisle.com

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to hide the menu on mobile also by going to Appearance > Customize > Additional CSS and pasting it there.

/*Hide menu on mobile*/
@media only screen and (min-width: 500px) {
#header .top-header .header-navigation {
display: none;
}
}

Best Regards,
Support

3

This didn’t work. Screenshots attached.

I then tried removing the original CSS I had and just pasting what you suggested. No change.

4

Hello there,

I hope you are doing well today.

Please remove the previous CSS code and try instead:

/*Remove menu icon*/
.col-xs-4 {
    display: none;
}

Best Regards,
Support

5

Hi Support,

This CSS did not remove the menu from my site when viewing on mobile. Is there another action you’d recommend to accomplish this?

6

Hello there,

This code works for the original poster’s website. What kind of mobile device are you using?
Could you please provide a link to your website so that I can inspect it?

Best Regards,
Support