Magento – Hide the main menu for CMS Pages in Magento2

magento-2.1topmenu

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

Best Answer

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!

Related Solutions

Magento CMS – How to Create a Drop Down Menu for CMS Pages

This free extension can help you sort it out

Responsive Custom Menu

Magento 2 – How to Add Custom Link in Main Menu

copy file from

vendor/magento/module-theme/view/frontend/templates/html/topmenu.phtml

and put this file in your theme location

app/design/frontend/Vendor/YourTheme/Magento_Theme/templates/html/topmenu.phtml

Add below <li> structure just after <?php /* @escapeNotVerified */ echo $block->getChildHtml(); ?> line in topmenu.phtml

<li class="level0 level-top ui-menu-item">
    <a href="<?php echo $this->getBaseUrl()."yourlink"; ?>" class="level-top ui-corner-all"  role="menuitem">
        <span><?php echo __("Your Custom Menu")?></span>
    </a>
</li>

Best Answer

Related Solutions

Magento CMS – How to Create a Drop Down Menu for CMS Pages

Magento 2 – How to Add Custom Link in Main Menu

Related Topic