- This topic has 8 replies, 2 voices, and was last updated 5 years, 9 months ago by
.
-
Posts
-
hello,
i’ve created a slider that i want to have replace my header on the home page. i’m trying to hide the header with css. i can get it to disappear across the site by using
.header-aligned-left .site-header {display: none!important;}but it won’t remove it from the home page if i usebody.home .header-aligned-left .site-header {display: none!important;}or.page-id-XXXX .header-aligned-left .site-header {display: none!important;}how come? what’s the better way i don’t know?
thanks.
Customer Support
Hi there,
To remove header on home page only, try this CSS:
.home .site-header { display: none; }hi leo,
thanks! i swear the first time i tried that it didn’t work, but maybe i used .masthead. now i’d like to get the margin out from between the navigation and my slider
.home .separate-containers {margin-top: 0px!important;}isn’t doing it for me.thank you!
homeandseparate-containersare both in the<body>tag so there shouldn’t be a space between them:
.home.separate-containershuh. i still can’t get it to tighten up.
hm… i took out the home and it works well enough with
.separate-containers .page-header-contained, .separate-containers .page-header-content-single, .separate-containers .page-header-image, .separate-containers .page-header-image-single {margin-top: 0px!important;}Maybe this is what you are looking for?
.home.separate-containers .page-header-contained { margin-top: 0; }that did it. thank you!
No problem 🙂
- You must be logged in to reply to this topic.