Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 13, 2018 at 11:19 pm #911977
    govus

    Hello!
    Please see the website linked in private section! I’m using a shrinking logo and the following css to make the logo disappear when scrolled:

    .header-scrolled #header_main > .container { display: none !important; }

    How could I have the logo disappear a little later? Moreover, when you click a page jump link such as “YHTEYSTIEDOT” in the menu, there is a gap, size equal of the missing logo removed by the code above. Can this gap be fixed? Otherwise this setup would be okay. Thanks!

    February 14, 2018 at 3:35 am #912063
    Mike

    Hey govus,
    To adjust the scroll position for the scrolled header please try this solution
    For your second question, I tested your site in Chrome, Firefox, & Edge and don’t see the gap for the missing logo. Can you include a screenshot pointing it out?

    Best regards,
    Mike

    February 14, 2018 at 10:40 am #912177
    govus
    This reply has been marked as private.
    February 14, 2018 at 12:35 pm #912234
    Mike

    Hi,
    I see that the top gap shows if you scroll down and then scroll up a little slowly, so I added this code in the General Styling > Quick CSS field:

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

    and it seems to solve, Please clear your browser cache and check.
    For the second gap, it is where the anchor is on the page, in your color section. So I created a new anchor in a code block with this code:

    <a name="yhteystiedot"></a>

    and it goes to the section without the gap, I also did this for #esittely.
    Please check.

    Best regards,
    Mike

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