What Custom Css do I Need To Disable The Default Menu Navbar For A Specific Page?
Allen
Hello all,
I need to disable the default site header from appearing on a specific page that I have as a popup for user account maintenance. Can anyone advise as to the custom css I need to use in the template custom code? The page ID is itemid-3985.
I assume it goes after <body>?
Thanks!
Paul Frankowski
Accepted AnswerHi Allen,
In that case, please use custom.css file as we informed in Helix documenation.
I saw that you already have it: templates/shaper_helixultimate/css/custom.css
so just copy & paste CSS line.
To be honest, I use Custom CSS field for ages, I am not sure why in your case works different. In most cases, menationed problem is only when people put CSS in <head> or <body> field, not Custom CSS field. Anyway, if you have custom.css use it again.
Rashida Rahman
Accepted AnswerHi there!
Thanks for reaching out.
Here is the sample code snippet that you need to put in the custom CSS:
body.itemid-3985 #sp-header {
display: none;
}Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta
Moreoever, here is another way to achieve this. Make a duplicate of your template style, turn off the header from that template style, then assign the template style to the intended menu item from the menu assignment tab.
Best regrads,
Allen
Accepted AnswerHi Rashida,
Putting the script in HU's After <body> custom css field results in the script displaying on the front-end at the top of all pages. ![https://www.loom.com/i/f9d10fc882ec4f08a263a451e8dfe321]
Rashida Rahman
Accepted AnswerI hope you have placed the code inside the indicated field: https://share.cleanshot.com/Yw75pV3f