Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 12, 2018 at 10:48 pm #925773
    einstein999

    I’ve attached the link to a screenshot of the site as well as credentials. But I’m trying to have a hidden header that appears when you scroll down.

    Right now, there’s a large white space where the header used to be. I’m not sure if I had some CSS that is interfering, but the white space seems to be responsive.

    Any help would be great!

    March 12, 2018 at 10:56 pm #925775
    Jordan Shannon

    Hey einstein999,
    Do you have any custom css specific to that area being applied?

    Best regards,
    Jordan Shannon

    March 12, 2018 at 11:11 pm #925782
    einstein999

    I tried using these (based off of other posts here):

    .html_top_nav_header .av-logo-container {
    height: 0!important;
    }

    .page-id-19416 #main {
    padding-top: 0!important;
    }

    March 14, 2018 at 10:22 pm #926881
    Vinay

    Hi,

    Please select transparent header from the page layout option > Header visibility and transparency.

    If that does not solve the issue for you please replace your code with the below CSS

    #main {
   padding-top:0!important;
}
#header {
    display: none;
}

#header.header-scrolled {
    display: block !important;
}

    If you still have the same issue it is one of your custom code causing this white gap. Please remove all the custom code and add it back block by block at a time and refresh the page to check which code is causing this issue.

    Best regards,
    Vinay

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.