Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1342884

    Hi, on this site, which I’m just starting, I just placed a sample button in the top bar to see what it would like like, and when I do that, it makes the slider go up behind the header, see this screenshot:

    If I remove the button from the top bar in Theme Options (Phone Numbe or Small Info Text), then it goes back to normal and the slider then appears below the header, does not interfere with it – it is all white again.

    Do I need to add some additional css to allow for this top bar, so the whatever is below the header doesn’t go behind it?

    Here’s a bypass link to the site because I have a coming soon page up:


    Hey Eleina_Shinn,

    The bypass link is not working, I’m only seeing a coming soon page. The problem might be that the button is pushing the header down though, did you try to adjust the size of your header under Enfold->Header?

    Best regards,


    Hmmm, don’t know why you can’t see the bypass link: Try that one.

    I’ll also give you login credentials in private content.

    I did try adding 30 pixels to the Header, then I tried removing 30 pixels, just to see if anything changed , but nothing happens either way. Would you mind taking a look?

    I appreciate your help.



    Thank you for the info.

    You can have to adjust the top padding of the main container to push the slider a bit. Please try this css code.

    .html_header_top.html_header_topbar_active.html_header_sticky #top #main {
        padding-top: 145px;

    Best regards,


    That worked, I will take note of that, thank you so much!



    Great! Please feel free to open another thread if you have more questions regarding the theme. We will close this thread for now.

    Have a nice day.

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Slider on Home page seems to be showing behind Header’ is closed to new replies.