How to remove main menu from the header.

Hi Geetha

You can de-activate the main menu from Appearance > Theme Settings > Layout > Masthead Menu: Set that to Empty Menu.

Let me know how that goes.

For sure.

If you aren’t already comfortable using your browser’s developer tool, please see: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/.

You’ll need to inspect the source on the pages you’re trying to do this on and identify the unique class in the body tag.

You’ll then need to prefix the following CSS with the page’s unique body class.

.main-navigation {
  display: none;
}

So for example, to hide your menu on your home page only, you’d say:

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

All CSS to be placed under Appearance > Custom CSS.

To hide the menu on this page here: http://demo.siteorigin.com/vantage/plugin-intergration/ you’d say:

.page-id-2 .main-navigation {
  display: none;
}

Thanks Havilah. That’s correct. Appreciate the help.