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?
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
Thanks.
Am I able to also disable the mobile menu on this specific page via CSS?
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
Thanks!