0
Welcome Guest! Login
0 items Join Now

Scrolling one-page navigation

Last Post
Search Topic

  • Scrolling one-page navigation

    Posted 7 years 9 months ago
    • Hi,

      I'm a beginner and I wonder if there's a way to set Hydrogen theme menu (the one at the top of the page) for scrolling down the page to a specific section (or particle) when you click on corresponding menu item.

      For better explaining what I mean, I would like to do something like this:

      blackrockdigital.github.io/startbootstrap-scrolling-nav/

      Any suggestion?
      Thanks in advance.
    #1302376
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 21595
    • Thanks: 3098
    • messin' with stuff

    Re: Scrolling one-page navigation

    Posted 7 years 9 months ago
    • Sure, Headroom.js is popular and we have a guide for adding it: docs.gantry.org/gantry5/theme-developmen...ation#add-headroomjs

      You can also set the Navigation section to Fixed like:

      custom css:
      #g-navigation {
position: fixed;
}

      ... then give your next Section down the appropriate margin-top to account for the height of your Navigation section
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    #1302421

Time to create page: 0.050 seconds