The main menu comes with 5 items.

How can I hide one items from the < front > page, i.e. 4 items are shown on front page, 5 items are shown on other pages?

2 Answers 2


The easiest way is through CSS.

body.front .your-menu .list-item-identifier {
  display: none;
  • Sorry that my original question hides the < front > word. I need to hide an item from a specific page.
    – ohho
    Feb 18, 2016 at 8:59
  • @ohho notice that this answer has .front so he did see your < front >
    – No Sssweat
    Feb 18, 2016 at 9:00

If you don't have your own theme or a sub-theme you can simply use the css injector module which allows you to quickly implement CSS code with great granularity. This quick tutorial will show you how easy in a blink of an eye. Hope that helps.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.