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!
Hi 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.
Hi 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,
Hi 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]
I hope you have placed the code inside the indicated field: https://share.cleanshot.com/Yw75pV3f
You are correct. I was putting it in the wrong field. Thanks.
I was putting the code in the wrong template options field. I put the code in my custom.css file as recommended, and it works great. Thanks.
Hi Allen,
Thanks for the update. Glad that we could help:)
Have a nice day!