Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #610108

    I have the top bar enabled on the site, and I want to hide/disable it on a single page. How can I do that?

    #610118

    Hey Hello!

    We have added the below css in custom CSS you need to add the page ID which is visible in the body tag to select or target any element on a single page :)

    /*Hide top bar on single page*/
    .page-id-1433 #header_meta {
    display:none;
    }
    .html_header_top.html_header_topbar_active.html_header_sticky.html_large #top.page-id-1433 #main {
        padding-top: 117px!important;
    }
    

    Regards,
    Vinay

    • This reply was modified 8 years, 7 months ago by Vinay.
    #610121

    Thanks.
    Am I able to also disable the mobile menu on this specific page via CSS?

    • This reply was modified 8 years, 7 months ago by Hello.
    #610168

    Hey!
    yes same steps to check the page ID.

    Right click inspect the < body > tag

    then use this css

    .page-id-xx #advanced_menu_toggle {
    display:none!important;
    }
    

    Best regards,
    Vinay

    #610333

    Thanks!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘hide top bar on single page’ is closed to new replies.