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 Footer menu layout - how to turn off the hamburger button?

Discussion in 'Free Divi Community Forum' started by Grant Senior, Jan 10, 2024.

  1. Grant Senior

    Grant Senior Member

    Hi there,
    If I use the Divi menu module in the footer I get the hamburger icon replacing the links when in tablet and phone, which I don't want. Is there a way to turn this off so that the links stay as text?

    If this isn't possible, what's the best approach (module to use) for getting the menu layout I need as shown in the attached?

    footer-layout.jpg
     
    #1 Grant Senior, Jan 10, 2024
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  2. Grant Senior

    Grant Senior Member

    This video shows how to do it. The CSS below is what gets added to the page settings Custom CSS (the bold class is the class added to the menu module to enable the new styles)



    /*show desktop menu on phone*/

    @Media (max-width: 980px) {
    .pa-open-mobile-menu .et_pb_menu__menu {
    display: flex!important;
    }
    .pa-open-mobile-menu .et_mobile_nav_menu {
    display: none!important;
    }
    }
     
    #2 Grant Senior, Jan 10, 2024
(You must log in or sign up to post here.)