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

Solved Mobile and Tablet Hamburger Dropdown Menu Hidden Behind Page

Discussion in 'Free Divi Community Forum' started by Evan Bourelle, Feb 23, 2020.

  1. Evan Bourelle

    Evan Bourelle New Member

    Hello,

    My website is: https://guzabo-digitalservices.com/

    On all of my pages for mobile and tablet, my dropdown header menu is being cut off. Any thoughts or suggestions?

    Thanks!
    Evan
     
    1. AD Set awesome default design for your Divi single blog page: https://blog.diviultimate.com/
  2. Evan Bourelle

    Evan Bourelle New Member


    Update:

    After creating a sub menu, it's also doing this on desktop as well.
     
  3. Evan Bourelle

    Evan Bourelle New Member

    Sorry, screenshots didn’t upload.
     

    Attached Files:

    1. AD Easily add Mega Menu for your Divi site: https://divi.help/link-forums/divi-mega-pro.149/
  4. Evan Bourelle

    Evan Bourelle New Member

    Desktop screenshot
     

    Attached Files:

  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    header .et_pb_section {
        overflow: visible!important;
    }
     
    1. AD 50+ switches to fully customize your Divi website: https://divi.help/link-forums/divi-switch.162/
  6. Evan Bourelle

    Evan Bourelle New Member


    It worked! Thank you so much - I really appreciate it.

    Evan
     
  7. aloysius

    aloysius New Member

    Hi I've the same problem and it doesn't work after applying the custom css
     
    1. AD Feature-rich Divi eCommerce Child Theme for WooCommerce: https://divi.help/link-forums/royalcommerce.151/
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
  9. Jono

    Jono New Member

    Hello, I am also having the same issue on my blog www.livingbeyondlimit.com. I was able to troubleshoot it by going back to the original header template I used that worked normal and tried rebuilt it step by step to figure out what was causing it. It seems when I add even 1px of corner rounding to the pixel section then it cuts off the drop down menu. I tried adjusting the z-position forward and pushing the hero section back but that didn't do anything. The custom CSS works but then its messes up the rounding because it pulls the whole background froward. Any advice?
     
    1. AD Replace all Divi-related branding with your own for your Divi site: https://divi.help/link-forums/divi-ghoster.161/
  10. Jono

    Jono New Member

    Also I put up a different header template below it that also has rounded corners but works normally so I'm going to try to figure out why one behaves differently. If anyone has any ideas I'd appreciate it.
     
  11. Divi.Help

    Divi.Help Administrator
    Staff Member

    For those that you set the rounded corners, Divi automatically set the overflow to be hidden. You will need to set the overflow to be visible in Advanced > Visibility > Horizontal Overflow & Vertical Overflow
     
    Jono likes this.
    1. AD Easily add Mega Menu for your Divi site: https://divi.help/link-forums/divi-mega-pro.149/
  12. Jono

    Jono New Member

    Thank you for your reply. I was able to make the drop down menu visible by adjusting the section overflow but the trade off is that the whole row extends off to the right. I'm trying to go for a two toned effect but the row needs needs to be rounded off behind the end of the section while still letting the drop down menu overflow. Adjusting row, column, and module visibility have no effect. Only the section visibility has an effect but I can only have it one way or the other it seems. Any ideas? Thanks
     

    Attached Files:

  13. Divi.Help

    Divi.Help Administrator
    Staff Member

    Yup. Seems to be that case. You can only choose either one.
     
    1. AD Feature-rich Divi eCommerce Child Theme for WooCommerce: https://divi.help/link-forums/royalcommerce.151/

Recommended Divi Hosting