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?


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 '16 at 8:59
  • @ohho notice that this answer has .front so he did see your < front >
    – No Sssweat
    Feb 18 '16 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, privacy policy and cookie policy

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