Hide header and footer from homepage only

  • Hello everyone,

    I’m using Fluxus Template, and I’m trying to hide header and footer from my homepage. I tried changing CSS:

    .home #footer {display: none;
    height: 13px !important;}
    .home #header {display:none;
    height: 13px !important;}

    But unfortunately, it didn’t work! I know it’s possible to achieve this, using header and footer php files. But I don’t know how to do it! You could please help! My website is https://www.nunobeja.com/past (I’m still working on it!)

    Thank you very much!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Site returned a 404 when I clicked on your link…

    Thread Starter nunobeja

    (@nunobeja)

    Sorry! My site is https://www.nunobeja.com/pasta/

    Thank you so much for taking a look!

    I’m assuming you want to get rid of the header and footer and leave a small 13px space above and below the sliding content.

    Getting rid of the header and footer as you suggested will work, however the gap does not remove because the sliding content appears to be dynamically set by the browser window size and embedded as an inline style.

    I was able to force it up towards the top of the page with the following CSS

    .home #main {
top:13px !important;
height: 98vh !important;
}

    If you want to target a little more specifically you could also change the height attribute to
    height: calc(100vh - 26px) !important

    Bear in mind that these solutions will not work correctly in older browsers. Hope this helps

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hide header and footer from homepage only’ is closed to new replies.