Remove menu from mobile site

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

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

This didn’t work. Screenshots attached.

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

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

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?

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