Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
  • #563514

    Site is here:

    Okay, on this site, on the Home Page Header, we chose to “Hide Header on this Page” … which means we lost the top bar, and the navigation, so we used a code block to place the social media icons above the Banner Image, and to place the Main Menu below the Banner Image.

    The problem, is the there is this white space below the code block / social media icons, it doesn’t look nice, although I was able to remove from the top using css.

    Maybe a stupid question… is there a way to either:

    a) Add the top bar to this page, like on all the inside pages, but not the header ? OR
    b) remove that white space below social media icons I’ve placed manually using code, sing CSS

    Thanks for your help!

    • This topic was modified 8 years, 1 month ago by Eleina_Shinn.

    Hey Eleina_Shinn!

    I tried your admin code and could not make it work, can you check it again please?



    try this…



    I could not find any issues on the link you have provided. Header looks good to me. Can you provide us a precise link where we can see what you are talking about please? we need to be able to inspect the elements in question.

    Best regards,


    Okay, Home Page is Here: Header Hidden on Home Page, right now I used a code block to insert the social icons, top left. So actually, alghouth it looks like it’s there, the top bar is missing. But, I really want it there – just the top bar:

    If you look at an inside page with the Header, you will see that the top bar is there and it’s different, has all social icons set up in theme options – and a Welcome statement on Right. here’s an inside page:

    What I want to do on Home Page is this: Hide the Header – but keep the Top Bar, i,e. no logo area, navigation….

    Is that Possible?



    hm with a mockup showing the results you want to achieve I could help better I think. Try this code, maybe it is what you want:

    .container.av-logo-container {
    display: none;




    Please enable header on your page and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .page-id-3184 #header_main { display: none !important; }



    Okay, that ALMOST WORKED! Top Bar is there now (Yeah!) and Logo and Navigation are gone… but it left a big white space… can you fix that?

    check it out:



    Please add following code to Quick CSS as well

    .page-id-3184 #main {
        padding-top: 31px!important;

    Best regards,


    And this is why I love you, love Enfold, and won’t use any other theme in the future… going to buy again today. Your support is amazing, you are awesome, it worked, thank you thank you!!!!

    And i will provide a review for you or Kriesi anywhere you ask :) I have created so many sites using Enfold and it keeps getting better and better.

    Thank you again :)



    You are welcome, we are always happy to help :)

    We are helping just because we feel good doing it and not for the reviews for sure but if you really really want to leave a review, i guess Enfold’s ThemeForest page would be a good place to do it :)

    Have a great weekend and let us know if you have any other questions or issues!

    Best regards,


    Well that’s awesome and okay, consider it done :)



    Thanks in advance Eleina :)


Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Hide Header on Home Page but leave Top Bar?’ is closed to new replies.