[Resolved] Remove header

Home Forums Support Remove header

This topic contains 7 replies, has 2 voices, and was last updated by  Tom 4 years, 4 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1365

    Istvan

    Hi,

    How can I remove header from my website?

    Thx for your answer.

    Regards,

    Istvan

    #1368

    Tom Lead Developer

    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

    #1394

    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

    #1395

    Tom Lead Developer

    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

    #1396

    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

    #1397

    Tom Lead Developer

    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

    #1428

    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

    #1443

    Tom Lead Developer

    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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.