1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Divi Main Menu with many items flows off bottom of screen, hiding additional items.

Discussion in 'Free Divi Community Forum' started by Warren Conditi, Jan 27, 2022.

  1. Warren Conditi

    Warren Conditi New Member

    We have one section of our Divi main menu with a TON of sub-menu items. The problem is that it's vertically so tall because of the number of items in the sub-menu, the last few items get cut off. This is not just mobile, but on desktop. Any assistance would be greatly appreciated.
     
    #1 Warren Conditi, Jan 27, 2022
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  2. Shanora Networks

    Shanora Networks Member

    Warren,

    Without looking at the site, the best advice I can give is to set the overflow to scroll. I don't know what type of menu you are using, but it would look something like this:

    .class { overflow: scroll; }

    Where you would change the .class to fit the class you need to adjust.

    If you provide your site link I could provide more detailed information.
     
    #2 Shanora Networks, Jan 28, 2022
  3. Warren Conditi

    Warren Conditi New Member


    Hi there, thank you for the response. The website is www.njoag.gov Under Initiatives > Programs that submenu drops down off of the page.
    I'm thinking I'd need to add the scroll to the additional CSS area?
     
    #3 Warren Conditi, Jan 28, 2022
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  4. Problemizer.com

    Problemizer.com Divi Expert

    Hello Warren,

    Can you try this code?
    Code:
    Log In or Sign Up to view this code.
    Please let me know if that works for you.
     
    #4 Problemizer.com, Jan 28, 2022
    Warren Conditi likes this.
  5. Warren Conditi

    Warren Conditi New Member

    Worked great! I added a little to hide the scrollbar. If my users don't realize (they should) they can scroll through the list, then I'll likely add it back. I tried this:
    Code:
    Log In or Sign Up to view this code.
    I added it to just one dev page's advanced CSS to try it out.

    Thanks so much! Have a wonderful day!
     
    #5 Warren Conditi, Jan 28, 2022
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
(You must log in or sign up to post here.)