0
Welcome Guest! Login
0 items Join Now

Dropdown Menu hide delay

    • redzero's Avatar
    • redzero
    • Newbie
    • Posts: 9
    • Thanks: 0

    Dropdown Menu hide delay

    Posted 6 years 10 months ago
    • I've been searching through the Gantry and RokNavMenu code, but can't figure out where I could adjust the menu hide delay... I'm using Gantry 4.1.8 Framework and default Gantry Theme... Using "dropdown" for the menu. I have a menu that will have a ton of 4th child items so I want to increase the hide delay just a bit, so that when users unhovers by mistake, the menu sticks a tad longer.

      I'm assuming there is a default parameter in one of the .js files... but where?

      To see: www.gville.com
      Hover over Categories > Automotive > Auto Detailing > Module Box
    • First there was Zelda. Then there was Joomla.
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 216

    Re: Dropdown Menu hide delay

    Posted 6 years 10 months ago
    • Add this to your CSS overrides and edit these values:

      .gf-menu .dropdown {
      transition: opacity 0.3s ease-out 0.6s;
      }
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG
  • Re: Dropdown Menu hide delay

    Posted 6 years 1 week ago
    • prim wrote:
      Add this to your CSS overrides and edit these values:

      .gf-menu .dropdown {
      transition: opacity 0.3s ease-out 0.6s;
      }

      I know this thread is old now but I am having the same issue. Using the above code works great but on mouse over, the delay and transition is added to loading the dropdown menu on mouse over. The menu still hides again the second your mouse moves off the dropdown menu, which is a problem when you have a few children deep and the motion of the mouse goes off the box for a single pixel the menu closes instantly.

      How do you apply this to mouse off, not mouse over?
    • Sarah  Francis's Avatar
    • Sarah Francis
    • Sr. Rocketeer
    • Posts: 174
    • Thanks: 1
    • Digital Marketing/Development Consultant

    Re: Dropdown Menu hide delay

    Posted 4 years 8 months ago
  • Re: Dropdown Menu hide delay

    Posted 1 year 5 months ago
    • Hi,

      I have the same question with Gantry 5 (Salient Template).

      I'm looking for this kind of solution : divisoup.com/make-your-submenus-visible-for-longer

      And I suppose that it will have to be integrated within custom.css :

      /* Main Menu */
      .g-main-nav {
      .g-standard { .g-fade.g-dropdown { /* Rules to be inserted */ }}
      .g-fullwidth > { .g-inactive.g-fade.g-dropdown { /* Rules to be inserted */ }}
      }

      Thank you

Time to create page: 0.066 seconds