1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

Solved Mobile menu breakpoint

Discussion in 'Free Divi Community Forum' started by Jamesdaley38, Oct 18, 2020.

  1. Jamesdaley38

    Jamesdaley38 New Member
    Divi Ultimate Header Plugin

    Hiya. I'm looking for some help to display the mobile menu from about 980 - 1400. I'm using the theme builder - custom header with the menu module. I've tried a couple of things, but it always seems to break the drop-down menu. https://afselec.com/. Thanks in advance!
     
    1. AD Add more variety for your Divi header (12 premade styles): https://header.diviultimate.com/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    @media screen and (min-width: 981px) and (max-width: 1400px) {
        .et_pb_menu__menu {
            display: none!important;
        }
        .et_mobile_nav_menu {
            display: block!important;
            margin-top: 16px;
        }
    }
     
  3. Jamesdaley38

    Jamesdaley38 New Member
    Divi Ultimate Header Plugin


    Thanks for that. This got a similar result to the stuff I tried first. Hamburger appears fine, but menu goes pear-shaped for tablets (stays fine for mobile) - see attached. Any suggestions? Screenshot 2020-10-18 at 16.04.55.png Screenshot 2020-10-18 at 16.05.27.png
     
    1. AD Easily add Mega Menu for your Divi site: https://divi.help/link-forums/divi-mega-pro.149/
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Seems like you already changed to other header design.
     
  5. Jamesdaley38

    Jamesdaley38 New Member
    Divi Ultimate Header Plugin

    Thanks for following up - I needed to crack on with plan b. Thanks again.
     
    1. AD Create gorgeous Divi slide-in promo bars, notification bars, etc: https://divi.help/link-forums/divi-bars.150/

Recommended Divi Hosting