CSS for hiding site navigation on the Front Page

  • There are different ways for doing this but I found using the CSS file easiest. I use denaani for smoke testing different ways of doing things so sure I could have used a function, coded the header for it or even coded the front page template. I settled on this though. If you don’t use it, use developer mode in your browser (F12 or Firebug in Firefox) to get most IDs and classes you might want to hide or alter.

    .page-id-2137 #site-navigation {
display: none;
}
Viewing 1 replies (of 1 total)
  • Theme Author Z.com byGMO

    (@takeaki-nagashima)

    hello.
    thank you for your question.

    If you just want to hide just the navigation links, this custom CSS should do the trick:

    body.homepage #navigation-bottom {
    display: none !important;
    }
    If you want to hide the whole of the header section, then this CSS is what you need:

    body.homepage #page-header-wrapper {
    display: none !important;
    }

    please try them and feel free to ask if you have any other question

Viewing 1 replies (of 1 total)
  • The topic ‘CSS for hiding site navigation on the Front Page’ is closed to new replies.