0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

SOLVED why “sticky menu" is more difficult on Gantry5 than Gantry4?

Last Post
Search Topic

  • SOLVED why “sticky menu" is more difficult on Gantry5 than Gantry4?

    Posted 9 years 4 days ago
    • Today I tested both a Gantry4 tamplate named "Acacia" and a Gantry5 template named "Hydrogen".

      In settings of Acacia template, there is an option "Fixed Header" on the "Style" tab, if enabled, the menu loaded on Header position wil be sticky when scrolling the page.

      However, there is no similar options for Gantry5 Framework.

      I had read the blog about Implementing Fixed Navigation/Header on Scroll , it seems more complicated than just a single option to switch it on.

      I think, why not just add a universal option to Gantry5 "menu manager" , such as "fixed navigation menu", to make it easier? No matter where the main navigation is, when Admin choose "fixed/sticky" option for it, then that menu will be sticky. No need to copy/paste code, no need to install new extension, no need to remember complicated steps, just ONE CLICK and bingo!

      Is it possible? Hope you will make Gantry5 more powerful than it is now.

      Thank you.
    #1296371
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29363
    • Thanks: 956
    • Volunteer

    Re: SOLVED why “sticky menu" is more difficult on Gantry5 than Gantry4?

    Posted 9 years 4 days ago
    • Hydrogen is a free template.
      You compare apples and oranges really.
      The devs try to keep Gantry lean and clean and so this is not a standard option.
      Thera are templates that have that option. But i's really easy to add that yourself.
      Aslo remember that a niviagtion can pretty much everywhere in Gantry 5. SO a simple standard toggle will never really work 100%.
      You always add that as a suggestion on github. But there are so many different concepts and ways to make a navigation sticky ...
    #1296376
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22323
    • Thanks: 3230
    • messin' with stuff

    Re: SOLVED why “sticky menu" is more difficult on Gantry5 than Gantry4?

    Posted 9 years 4 days ago
    • Please post G5 feature requests on our github

      github.com/gantry/gantry5

      The forums here are more break/fix... if you want to mingle with the G5 developers then GitHub is the best spot.

      We wrote that blog post up in a tutorial: docs.gantry.org/gantry5/theme-development/theme-customization

      Making the Menu Particle have a fixed option doesn't make sense... Fixing the Section is what you'd ultimately want...

      You can already go into any Section's Settings (gear Icon) and go to Tag Attributes and enter

      style

      [hit Tab]

      position: fixed;

      and it will Fix the Section in place

      Another solution: www.rockettheme.com/forum/gantry5-for-jo...isto-new-and-updated
    • 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:
    #1296387

  • Re: SOLVED why “sticky menu" is more difficult on Gantry5 than Gantry4?

    Posted 9 years 4 days ago
    • Henning wrote:
      Hydrogen is a free template.

      Is there any Gantry5 commercial template has a built-in "sticky menu" feature? I would like to test it.
    #1296401
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22323
    • Thanks: 3230
    • messin' with stuff

    Re: SOLVED why “sticky menu" is more difficult on Gantry5 than Gantry4?

    Posted 9 years 4 days ago
    #1296404

  • Re: SOLVED why “sticky menu" is more difficult on Gantry5 than Gantry4?

    Posted 9 years 4 days ago
    • I installed Isotope template rocketlauncher package v1.1.2 on my testing XAMPP server, the /features/overview page is a little different from the page you recommended: the top navigation menu on my testing site is not "sticky all the time", it will disappear when scrolling-down, but if you start to scroll up, the menu will appear immediately. But on your official demo page, that menu is always sticky.

      So I have no chance to know how you did that. I can not find the same settings since the two results are totally different.
    #1296434
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22323
    • Thanks: 3230
    • messin' with stuff

    Re: SOLVED why “sticky menu" is more difficult on Gantry5 than Gantry4?

    Posted 9 years 4 days ago
    • That's how it behaves on the Demo too... does exactly that on the link I posted

      That's what headroom.js does by default...

      If you want a plain ol' fixed menu then see my previous post about setting the tag attribute on the Navigation Section or see the link to the Callisto Fixed tutorial
    • 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:
    #1296439

  • Re: SOLVED why “sticky menu" is more difficult on Gantry5 than Gantry4?

    Posted 9 years 3 days ago
    • Well, after some search on this forum, I found the method of "UIkit particle", under help of this particle, it is very easy to make the top navigation menu "sticky". So I will ignore any other method that let me perform many operations or copy/paste a long piece of code.

      Thank you.
    #1296547

Time to create page: 0.088 seconds