Ready to get started?Download WordPress


[resolved] Remove header & menu on homepage only (12 posts)

  1. scimea
    Posted 11 months ago #


    I am using the Vantage premium theme and building a website here: http://www.expressionsinwooddev.com/

    I basically would like the homepage to be like a 'splash' page with just the slider and footer visible, similar to how this looks: http://www.alturafurniture.com/

    Is there a way to hide/remove the Menu and Header on JUST the homepage using custom CSS (or any other way)?

    Or could I build this on another page and make it my homepage afterwards?

    Also, is it possible to remove the white space between the slider and footer? Whenever I attempt it with the homepage builder it always reappears.

    Thanks very much for your time and assistance!
    - Adam

  2. Greg Priday
    Theme Author

    Posted 11 months ago #

    Hi there Adam. For questions about Vantage Premium, you can contact SiteOrigin support directly http://siteorigin.com/#support

    This question does apply to the free version too though, so I'll answer it here in case anyone else needs the answer. All you need is the following CSS.

    .home #masthead{

    You can add this to a child theme or by using a custom CSS editor. There's one in Jetpack and the premium version of Vantage.

  3. scimea
    Posted 11 months ago #

    Works like a charm! Thank you Greg, that worked perfectly for hiding the menu & header on the homepage.

    Is there any way to remove the white space at the bottom between slider and footer? When I delete it with the page builder it always reappears.


  4. mrsil
    Posted 8 months ago #

    Hello Greg and SCIMEA. Just curious if you found an answer to this question about removing the white space between the slider and the footer. I can't seem to find a way to remove it either. Also, is there a way to change the background of the header, footer, and white space? I have a background plug-in, but it only is changing the background of the site below the footer.


  5. mrsil
    Posted 8 months ago #

    `in case anyone else wants to fix this, here is the answer. Just paste this code in your style.css (make sure you use a child theme)

    /*Paste below---------------------------------------*/

    #main {

    padding: 0px;

    body.responsive.layout-full #page-wrapper .full-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;


  6. Alicx
    Posted 7 months ago #

    Hi Greg Priday,

    Can I do the removal of the header in the FREE Vantage theme too?
    What is the difference between the premium Vantage from the free version?
    And, also I would like to know how to remove the menu bar?

  7. Jose
    Posted 7 months ago #

    Alicx, yes you can use that same code in the free theme. that code will remove the header and menu bar from appearing on the homepage.

    I really recommend you guys get the premium (not affiliated with vantage), but it has a lot of the customizations you guys want without having to mess with code.

    I messed with code cause i never look at theme customizations and was amazed to see half the things I had done could've easily been done through the theme's customizer.

  8. Alicx
    Posted 7 months ago #

    Jose, can I make the home into a Landing page and would you know how I do that?

  9. Jose
    Posted 7 months ago #


    Use the code that Greg provided above. It is custom CSS/changing the way the original theme looks. The recommended way to do this is to create a child theme.

    Look up how to create a wordpress child theme, and you also need to have access to FTP. You basically need to create a new style.css in a new theme folder, and add some code (look up the code on Google).

    Then you'll add the code that Greg provided and you'll start seeing how these things affect the layout of your page.

    You will have to make sure to activate the child theme via WordPress, and after that, any changes you make to the child theme will take effect, while keeping everything else the way Greg and Vantage was intended to look.

    Good luck and have fun :)

  10. Alicx
    Posted 7 months ago #


    I had youtube on how to do a child theme but for the style.css what I would need is the same menu bar but without the menu(pages), the Meta slider, the page builder, the side widgets and footer. How do I set that out in the style.css?

  11. Jose
    Posted 7 months ago #


    The child theme carries over everything from its parent theme. You will just need to add the customizations to the child theme's style.css. So if you don't want the menu, you'll make that go away, along with everything else you don't want to appear.

    You want quite a lot of things to disappear...what will be left?


  12. jessicaannechapman
    Posted 1 month ago #

    Does anyone know how to remove the header but not the menu?


You must log in to post.

About this Theme

About this Topic


No tags yet.