Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #516841

    Hi there,

    At the moment I have a one page site with menu items that scroll to colour sections.

    When you click an anchor the page scrolls down and the sticky menu sits on top of the color section.
    Is it possible to have it move slightly further down (Height of the sticky header) into the color section it’s scrolling to?

    Reason for this is the previous color section is visible under the header which I want to avoid.

    As always, many thanks in advance!


    Hi brendymullan!

    I can’t see that your anchor scrolling is kind of off anywhere. Can you show us the issue please? you could use imgur.com or dropbox for some screenshots.

    Best regards,


    Hi Andy,

    Perhaps the attached screenshot helps explain it better.

    I want it to scroll further down than it currently does when it anchors to a color section.
    The exact amount I want it to scroll extra is the height of the header so that the previous section is not visible.

    Get what I mean?



    The current section actually starts from that way, so it can be able to work properly and menu does not overlay the text that might be there.
    Can I ask why you want to do it, so we find a better way and not might cause more issues?



    Hi Basilis, I completely understand why it currently operates like that and for most scenarios it’s perfectly fine.

    I just wanted to know if it was possible purely for aesthetics. The layout I have will look nicer if I can have the top menu positioned within the target color section I have anchored to.

    See attached screenshots for a better visual representation of what I mean. Hope it makes sense now.

    Again many thanks in advance :-)

    • This reply was modified 8 years, 9 months ago by Brendan.

    Added new site URL





    You can modify the js > avia.js file, look for this code around line 716:

    tempPadding = (tempPadding / 2 ) + non_shrinking + non_shrinking2;

    .. replace it with:

    tempPadding = (tempPadding / 2 ) + non_shrinking + non_shrinking2 - 60;

    It will increase the scroll position. Remove browser cache then reload the page.

    Best regards,


    Perfect, that’s exactly what I was looking for Ismael. Incredible support as always! Thank you!



    glad Ismael could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.


Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Menu anchors, scroll to section offset?’ is closed to new replies.