Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 7, 2016 at 6:57 pm #91185
    Brendon
    Participant

    Hi,

    I’m trying to hide top nav & header bar on a single page. I assume this can done through custom CSS but seem to find the right code. Any help would be amazing!

    Many thanks

    Brendon

    May 8, 2016 at 1:26 pm #91238
    Mahesh
    Participant

    @brendonh: Do you mean to hide the nav bar and masthead div on pages only? If so, go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

    .page:not(.home) #fixed-header, 
.page:not(.home) #masthead {
    display: none;
}

    Let me know if this is not what you wanted or any problem. Please post in your site URL.

    Regards,
    Mahesh

    May 8, 2016 at 2:11 pm #91239
    Brendon
    Participant

    Hi Mahesh,

    I’m just trying to hide the header and nav on page id 760. Id also like to hide the footer on this page as well.

    Thanks

    Brendon

    May 8, 2016 at 2:50 pm #91241
    Mahesh
    Participant

    @brendonh: For that, please use the following CSS:

    .page.page-id-760 #fixed-header,
.page.page-id-760 #masthead,
.page.page-id-760 #colophon {
    display: none;
}

    Regards,
    Mahesh

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hide Top Nav & Header Bar’ is closed to new replies.