Hello Jer,
To hide it globally on all your single pages, you can use this CSS code:
.page .site-header {
display: none;
}
To apply it to your site, add it to Appearance > Customize > Additional CSS from your site dashboard.
If it does nothing, there might be some instances which is blocking it to take effect. Make sure you clear site cache (if enabled) and clear your web browser cache/history. If none of them works, checkout this codex https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens
Regards,
Kharis
I’m trying to just remove it from a single landing page. I still would like it on all other pages. Should I clear cache and history and try the CSS from earlier forum posts?
Thanks,
Jer
Deleting browser history and cache worked.
Big thanks!
Jer
Hi Kharis,
Is there any way to change the background color one single page. I would like the background color of all other pages to stay the same. I just want to change the background color of page id 333.
Thanks in advance,
Jer
Great!
Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.
Regards,
Kharis
Sydney recently updated their theme and and now there’s a big light blue band at the top of my page above my page title. Did something go wrong with the custom CSS? Is the header back?
http://www.jeremymathiesen.com/free-ebook/
Thanks for your help,
Jer
Hello there,
I would like to apologize in advance for the inconvenience. To remove it, please try adding this extra CSS code to Appearance > Customize > Additional CSS from dashboard.
.header-clone {
display: none;
}
This bug should be fixed permanently soon.
Regards,
Kharis
Hi there,
I would like to remove the primary navigation from a specific page also. I tried adding your code:
.page .site-header {
display: none;
}
This completely removes the nav from my site.
I would like:
The Primary menu to show on one page and a different navigation that is not my primary menu on a second page.Is this possible, how would I do this please?
Jen
-
This reply was modified 4 years, 6 months ago by
jenrock.
Hello Jen,
Every page has a unique ID class selector attributed to the body tag. Use this to target specific CSS styles. So your code will look like this:
.page-id-464 .site-header {
display: none;
}
You can get the ID number (in my case 464) while editing it; in the web browser’s address bar you’ll see a URL that reads something like: yoursite.com/wp-admin/post.php?post=464&action=edit
Regards,
Kharis
I tried to use this same CSS and it doesn’t see to do anything:
.page-id-464 .site-header {
display: none;
}
http://demandmarketingsolutions.com/go/dms-overview_general_ds/?lp-variation-id=0
Can you please help?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
@leahdms, Sorry that solution isn’t working for you. Please could you open a new thread about the issue you still face? https://wordpress.org/support/theme/sydney/#new-post
