How to hide top menu bar in all the pages in storefront

Hi @thirstybeaver

Can you please post your site address here.

I am not sure if I understand your question properly, but if you are trying to remove the menu bar only (not name / logo of your site), go to Appearance > Customize > Additional CSS and place the following CSS code there:

.storefront-primary-navigation {
  display: none;
}

Above will remove the menu bar completely across the site.

Let me know if this works!

Thank you Subrata and appreciate your quick advise.

I placed this code in my child theme’s style.css file but it doesn’t work.

I have tried below listed codes before but nothing worked too.

.page-id-372 #menu-main {
display: none !important;
}

.menu {
display: none !important;
}

.navigation {
display: none !important;
}

.top-menu {
display: none !important;
}

.primary-menu {
display: none !important;
}

Also I have tried few php codes as suggested in some other forums, in the child theme’s php file but not worked.

This has become a real head-ache and I feel grounded now.

Pleeeeeaze help!!!

Rather than putting it inside style.css, please try adding it in Additional CSS section. You can access it by going to Admin > Appearance > Customize > Additional CSS.

Please let me know what you see.

Thank you!

Wait a minute ………… I think I have not followed your advise properly, Subrata!!! Sorry for that.

I have placed the code in the style.css file, and that is not what you said, I think I have mis-understood.

This time I followed your advise exactly and placed it in, Appearance > Customize > Additional CSS.

It works!!! Great.

Tons of Thanks to you, Subrata, you’re the great.

Problem resolved.

Cool! Glad that I could help ??

Yes, you know how it feels when things do not happen the way we want, and then the joy when all of a sudden someone nice gives a lasting solution!

Thank you again.