Hide the main menu for CMS Pages in Magento2?

Question

Hide the main menu for home page and main menu display for another pages in magento2.?

Answer 1

The homepage has an unique class on the body element, like: "cms-home".

After you identify that class, add a css property to hide the menu in a css file that is included on homepage, like this:

.cms-home .navigation {display: none;}

I hope it helps!

Answer 2

For hide main menu in CMS pages add below style:

.cms-page-view .nav-sections {display: none;}

And if you want to remove the main menu for all CMS pages add the below code in app\design\frontend\<Vendor>\<Themename>\Magento_Cms\layout\cms_page_view.xml file.

<referenceBlock name="navigation.sections" remove="true" />

AND

If you want to remove the main menu for Home page add the below code in app\design\frontend\<Vendor>\<Themename>\Magento_Cms\layout\cms_index_index.xml file.

<referenceBlock name="navigation.sections" remove="true" />