Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #963942

    I am trying to remove the space below my menu bar and the content photo below it. This is a Sticky Header. When I turn off Sticky Header, it looks the way I want it to, but I want it sticky. Suggestions?
    Thanks!

    #965088

    Hey heygoob,

    Thanks for the login details, though it looks like your header is not sticky, could you make it sticky so that we can see the problem?

    Best regards,
    Rikard

    #965426
    This reply has been marked as private.
    #965786

    Hi Randy,

    Thanks for that. Please try this in Quick CSS:

    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 175px !important;
    }

    Best regards,
    Rikard

    #966714

    Just noticed that the fix you gave above created a lot of space below the header on the mobile version of the site. Can this be fixed?

    #966728

    Hi,

    Adjust the css to this:

    @media only screen and (min-width: 767px)  {
    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 175px !important;
    }}

    Best regards,
    Jordan Shannon

    #966744

    Thank you for the quick response! However [sigh], I don’t see any change when viewed on my mobile (Samsung S6).

    #966747

    Hi,

    Try the following instead:

    @media only screen and (max-width: 767px)  {
    .html_header_top.html_header_sticky #top #wrap_all #main{
    padding-top:0px!important;
    }}

    This should work but you currently have a “!important” delaclartion for 175px padding elsewhere. If you remove the !important on that you should be fine.

    Best regards,
    Jordan Shannon

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