• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Is there a way to autoscroll a longer list of submenu items in genesis?

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › General Genesis Framework Discussions › Is there a way to autoscroll a longer list of submenu items in genesis?

This topic is: not resolved
  • This topic has 2 replies, 3 voices, and was last updated 1 year, 7 months ago by glenkg.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 14, 2023 at 5:10 am #507734
    glenkg
    Participant

    Hello,

    On the secondary menu I have a menu with multiple submenu items. I had to add a scroll function on it. the scroll bar is next to the menu and scrollable with the mouse wheel. But is there a way it auto scrolls down when you hover on the lowest submenu in the viewable scroll box?

    I found this, but i have been trying to translate towards the genesis secondary menu, but i have failed so far.

    .sub-menu{
        overflow:hidden;
        max-height:0;
        height:auto;
        background-color:#D7D5D5;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    
    .main-menu li:hover > ul{
        max-height:1000px;
    }

    Any help in the right direction would be appreciated. Thank you.

    November 16, 2023 at 9:51 pm #507742
    Jelly4567
    Blocked

    If you're working with a WordPress site using the Genesis framework and you have a long list of submenu items, you might want to consider implementing an auto-scroll functionality for better user experience in Best drag Clicking Mouse . Here's a general guide on how you could achieve this:

    November 26, 2023 at 3:24 am #507750
    brycejune
    Participant

    Hi glenkg,

    Hope so you're doing well, when hovering over the lowest submenu in the viewable scroll box in the Genesis secondary menu, you can use the following CSS. Apply a similar structure to your submenu and use the max-height property for the transition.

    .genesis-nav-menu .menu-item:hover > .sub-menu {
    max-height: 1000px; /* Adjust the height as needed */
    }
    Make sure to replace .genesis-nav-menu with the appropriate class of your secondary menu. This CSS rule will trigger the submenu to expand with a smooth transition effect when you hover over the fire kirin menu item. Adjust the max-height value according to your design preferences.

    I hope this helps!

    Regards,
    Bryce June

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.
Log In

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble