Scroll offset help

  • blakeferm

    (@blakeferm)


    8 years, 3 months ago

    Hi there! Love this plugin and almost have it working 100%. Can you help me with the offset for both Desktop/Mobile? I’ve added ‘#header:fixed’ to my offset settings, but it doesn’t seem to scroll to the exact position. Right now I’m using 83 pixels as my offset to show you where I’d like the page to scroll to when you click on the left image of the guy playing guitar.

    When you click on one of the two main images at the top of this page, I’d like the page to scroll to that pictures’ corresponding link/content. I’ve set the anchors already.

    Best,
    Blake

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author malihu

    (@malihu)

    8 years, 3 months ago

    Hello Blake,

    Your header element seems to change its height depending on the logo fixed/sticky state.

    I’d suggest the following:

    Give your header element a fixed height for desktop by adding the following in your custom/additional CSS: 

    @media only screen and (min-width: 980px){
    #header{ height: 83px; }
}

    Go to plugin settings and set “Offset” option value to:

    #header

    as it’s the only standard element on both desktop and mobile.

    Doing the above will set your offset on desktop to the same 83 pixels you have now and the offset on mobile to your mobile menu height (65px).

    Hope this helps

Viewing 1 replies (of 1 total)

The topic ‘Scroll offset help’ is closed to new replies.