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

Solved Shrink mobile menu on scroll

Discussion in 'Free Divi Community Forum' started by Boasey, Mar 24, 2019.

  1. Boasey

    Boasey New Member

    1. AD Access 2000 icons from Font Awesome & Material Icon set in Divi: https://divi.help/link-forums/divi-icon-king.154/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    @media screen and (max-width: 980px) {
        .et-fixed-header #et-top-navigation {
            padding-top: 0!important;
        }
        .et-fixed-header .mobile_menu_bar_toggle {
            padding-bottom: 0!important;
        }
        .mobile_menu_bar_toggle {
            transition: all 0.5s ease;
        }
    }
     
  3. Boasey

    Boasey New Member

    Worked perfectly.

    Thank you for your very quick response.
     
    1. AD Free download for Divi Mobile Bar Plugin: https://divi.help/threads/divi-mobile-bar-plugin-free.1579/
  4. Al Adano

    Al Adano New Member

    I was also using this code, but with some update it just has stopped working recently.
    The same thing as I can see with the topic starter's site as well.

    Please advise how can be fixed.

    Thank you
     
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    1. AD Premium quality Divi premade designs bundle: https://divi.help/link-forums/divi-den.146/
  6. Al Adano

    Al Adano New Member

  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    Looks quite small to me. But you can make it smaller using:
    Code:
    @media screen and (max-width: 980px) {
        .et_fixed_nav #main-header.et-fixed-header, .et-fixed-header .logo_container {
            height: 48px!important;
        }
    }
    
     
    Al Adano likes this.
    1. AD Instantly add 30+ custom Divi Modules. Free version available: https://divi.help/link-forums/divi-supreme.143/

Recommended Divi Hosting