Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 10, 2015 at 4:11 pm #516841
    Brendan

    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!

    October 12, 2015 at 11:12 pm #517751
    Andy

    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

    October 13, 2015 at 6:03 pm #518244
    Brendan

    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?

    October 13, 2015 at 9:13 pm #518391
    Basilis

    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

    October 13, 2015 at 9:27 pm #518401
    Brendan

    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 ago by Brendan.
    October 14, 2015 at 2:02 pm #518657
    Brendan

    Added new site URL

    October 17, 2015 at 1:18 am #520342
    Brendan

    Bump…

    October 19, 2015 at 5:20 am #520734
    Ismael

    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

    October 19, 2015 at 7:08 pm #521136
    Brendan

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

    October 20, 2015 at 10:33 am #521465
    Andy

    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

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