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

Divi Custom Header Menu not properly displaying on mobile devices

Discussion in 'Free Divi Community Forum' started by KDT, Jul 24, 2020.

  1. KDT

    KDT New Member

    Hello, I have a website which is running on Wordpress with Divi Theme. I had created a custom header and there is a issue in the Menu on mobile devices. I have 12 pages and in mobile it shows only till 10 pages in menu. The other two are hidden. I have also attached a screenshot. Screenshot_20200724_112810.jpg
    The two pages after research are not showing even if I scroll. Please help me.
     
    1. AD Feature-rich Divi eCommerce Child Theme for WooCommerce: https://divi.help/link-forums/royalcommerce.151/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Perhaps it's because you're using fixed menu for mobile & your menu overflowing the container. If you're not using fixed menu for mobile, then it should work fine.

    If you still wish to use fixed menu for mobile, kindly share your URL & see if I can help with some CSS to make the menu container smaller.
     
  3. KDT

    KDT New Member

    Yeah i want to have a fixed menu for mobile. Here is the website URL : it-saveetha.com, Please help me to resolve this issue.
     
    1. AD Power up your Divi sites with tons of new functionalities: https://divipowerful.divi.help/
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .et_mobile_menu {
        max-height: 65vh;
        overflow-y: auto;
    }
     
  5. KDT

    KDT New Member

    Thank you, it worked. Also i need custom CSS code for Tab like you gave one for the mobile
     
    1. AD Use modules from the Extra theme with the Divi Builder: https://divi.help/link-forums/divi-extra.163/
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Not sure what you meant by Tab.
     
  7. KDT

    KDT New Member

    I meant Tablet devices
     
    1. AD Speed up your Divi site with Divi specific cache plugin: https://divi.help/link-forums/divi-rocket.160/
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    The above CSS code should work for both tablet & mobile.
     

Recommended Divi Hosting