Create a child theme, then add this to your stylesheet:
.home .main-navigation {
width: 100%;
display: none;
min-height: 32px;
background-color: #4d4d4d;
}
This targets the special “home” class which only appears on the front-page. Then we target the main-navigation and set the display to none.
This will work, but I believe there may be a “better” way which is a bit more involved. Do not hesitate to use the CSS approach above, but if you’re curious try searching for articles on “conditionally loading menu on front-page”. This requires a bit more coding but you would ideally unregister the menu for the front page only thus avoiding loading the html/css etc. Since this is a pretty basic navigation it shouldn’t really affect page load times at all.
Hope this helps!
Thank you very much…I downloaded the Custom CSS plugin and inserted the CSS and it works fine. Could you also please send me a custom css for removing the Slider title background? I wanted the title to be displayed without any background color and i want the title font color to be navy blue Thanks for your help.
Theme Author
CeeWP
(@ceewp)
Removing the main menu
Go dashboard > customize The WP theme > Theme Options > Main Menu > Activate > “un-check”
Hope this helps 🙂