Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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!

    #517751

    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,
    Andy

    #518244

    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?

    #518391

    Hi!

    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?

    Cheers!
    Basilis

    #518401

    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 9 years, 2 months ago by Brendan.
    #518657

    Added new site URL

    #520342

    Bump…

    #520734

    Hey!

    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,
    Ismael

    #521136

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

    #521465

    Hi!

    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.

    Cheers!
    Andy

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