Archived topic
Remove header
7 replies · Started by Anonymous on June 17, 2014
Hi,
How can I remove header from my website?
Thx for your answer.
Regards,
Istvan
Hi there,
You can use our Disable Elements add on to remove the header and other elements on specific pages.
You can also use custom CSS. Something like this should work:
.site-header {display:none}
Hope this helps,
Tom
Hi Tom,
Thank you for your answer! I've one more question.
I have a gap between the content section and footer widget area.
I saw your video, you put an image to there called: "I'm actually 1200 px wide!"
So the question is, how can I remove it or how can I put a picture to there?
Regards,
Istvan
Hi Istvan,
The gap is probably caused by the content layout being set to "Separate Containers".
You can go to "Appearance > Customize > Layout > Content Layout" to set your layout to "One Container", which will remove the gaps throughout the theme.
Hope this helps,
Tom
Hi Tom,
I made the modification that you offered me, unfortunately didn't solve my problem.
Any other suggestion? :)
https://drive.google.com/file/d/0B41_eEL7rO5cQmQ0SlAtOFg4eGc/edit?usp=sharing
Regards,
Istvan
Are you just trying to reduce the whitespace between your content and footer widgets?
If so, you could use this CSS:
.one-container .site-content {padding-bottom:0;}
You can use a plugin like this to add your custom CSS: http://wordpress.org/plugins/simple-css/
Let me know if this helps or not :)
Tom
Hi Tom,
Sorry, this issue was my fault.
I put this code to the style.css, to stay the footer in the bottom of the page:
html, body {height: 100%;}
#wrap {min-height: 100%;}
#main {overflow:auto;
padding-bottom: 180px;} /* must be same height as the footer */
#footer {position: relative;
margin-top: -180px; /* negative value of footer height */
height: 180px;
clear:both;}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
This code put that gap to the page.
Have you any idea to stay the footer in the bottom of the page?
Thanks,
Istvan
That code you have should work, just make sure 180px is the same height as the footer, and there shouldn't be any excess space.
Tom
