[Resolved] Remove header

[Istvan]

Hi,

How can I remove header from my website?

Thx for your answer.

Regards,

Istvan

[Tom]

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

[Istvan]

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

[Tom]

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

[Istvan]

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

[Tom]

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

[Istvan]

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

[Tom]

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

[Author]

Posts