Page scroll to ID

  • Resolved tomhorner

    (@tomhorner)


    8 years, 9 months ago

    I am using a plugin called ‘page scroll to id’ on https://fusion.theupperroom.co.uk

    If you click on ‘About’ in the navigation it takes you down the page.

    My problem is that the menu (sticky element) is now covering the heading for the ‘About’ section.

    Is there a way around this so that the content is visible below the menu instead?

    Many thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • Senff – a11n

    (@senff)

    8 years, 9 months ago

    Hi, thanks for trying my plugin. 🙂

    You can probably fix this with this little bit of CSS:

    .home #about {
   height: 85px;
}

    Let me know if that solves your issue!

    Thread Starter tomhorner

    (@tomhorner)

    8 years, 9 months ago

    Thanks Mark

    Yes that did work! It obviously adds some mauve padding as well right?

    I tried to do the same for the ‘Contact’ menu item but it reduced the whole contact section to 85px. Any idea how to make that behave in the same way?

    Great plugin by the way, exactly what I was after.

    Thanks

    Tom

    Senff – a11n

    (@senff)

    8 years, 9 months ago

    I tried to do the same for the ‘Contact’ menu item but it reduced the whole contact section to 85px. Any idea how to make that behave in the same way?

    You should be able to do that with this CSS:

    #contact h4 {
  padding-top: 85px;
}

    Hope this helps! 🙂

    Thread Starter tomhorner

    (@tomhorner)

    8 years, 8 months ago

    Thanks Mark, I’ve been away which is why I haven’t replied.

    I will give this a go!

    Tom

    Thread Starter tomhorner

    (@tomhorner)

    8 years, 8 months ago

    Also, is there a way of doing this without visibly showing additional padding?

    ie, the magenta area above the title ‘About…’ is too much now.

    I suppose what I’m asking is if there is a way of doing this without padding, but rather forcing the #about link to begin further down the page instead.

    Thread Starter tomhorner

    (@tomhorner)

    8 years, 8 months ago

    Actually, don’t worry… I’ve got around it a different way by just removing the padding which was there in the first place!

    Thank you.

    Senff – a11n

    (@senff)

    8 years, 8 months ago

    Glad to hear you find a solution! 🙂

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Page scroll to ID’ is closed to new replies.