1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, 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

Submenu disappears behind lower rows

Discussion in 'Basic Support Forum' started by Inventarnl, Jan 9, 2019.

  1. Inventarnl

    Inventarnl New Member

    Hi!

    I'm using your plugin to build my own header. Love the versatility it gives, so thank you!

    However I ran into a little issue. I'm using the DU Regular Menu module to display my menu. But now the submenu gets layered below the rows under it. So the submenu disappears behind the text and logo below it, making the submenu not clickable.

    Can you point me in the right direction to make the submenu overlap the row below it properly? I've added a screenshot to illustrate the problem.

    Thanks in advance!

    L S Administraties Just another WordPress site.png
     
    #1 Inventarnl, Jan 9, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly share your URL.
     
    #2 Divi.Help Pro Support, Jan 9, 2019
  3. Inventarnl

    Inventarnl New Member

    #3 Inventarnl, Jan 9, 2019
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try to go to the Row Settings for the menu module > Advanced > Custom CSS > Main Element & add this:
    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help Pro Support, Jan 9, 2019
  5. Inventarnl

    Inventarnl New Member

    Sorry, that didn't work...

    Is it easier if I PM you login details maybe?
     
    #5 Inventarnl, Jan 9, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade card carousel design for your Divi site without using any plugins:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    It's fine. Try this instead. It should work now:

    First, go to the Row Settings for the menu module > Advanced > CSS ID & Classes > CSS Class & add free-menu-row

    Lastly, paste the below CSS code at Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #6 Divi.Help Pro Support, Jan 9, 2019
  7. Inventarnl

    Inventarnl New Member

    That worked! You rock!

    Is there a way to make the menu sticky and centered when scrolling down?
     
    #7 Inventarnl, Jan 9, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  8. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Seems like you already added the free-sticky CSS class. Is it all good now?
     
    #8 Divi.Help Pro Support, Jan 9, 2019
  9. Inventarnl

    Inventarnl New Member

    Yeah, read that here on the forum.
    Thanks again!
     
    #9 Inventarnl, Jan 9, 2019
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  10. Inventarnl

    Inventarnl New Member

    Hi!

    Sorry, its me again!

    My friend wanted to have the entire header sticky so we changed it a bit. However, now the header disappears behind the section beneath it. He would like to have the three blue button overlap the page. Now they only show half, the other half disappears. How can I make the entire header the top layer?

    Thanks again!

    download (4).png
     
    #10 Inventarnl, Jan 10, 2019
  11. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try disable the parallax background for the section.
     
    #11 Divi.Help Pro Support, Jan 10, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  12. Inventarnl

    Inventarnl New Member

    Thanks! That fixed it for the sticky part.

    Do you know if i can make the buttons overlap when not scrolling? At the moment they stick to the bottom of the section but i want them hanging over a little bit.

    Thanks again!
     
    #12 Inventarnl, Jan 10, 2019
  13. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try to go to the Row settings > Advanced > Custom CSS > Main Element & add this:
    Code:
    Log In or Sign Up to view this code.
    And add padding bottom 25px to your section settings.
     
    #13 Divi.Help Pro Support, Jan 10, 2019
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  14. Inventarnl

    Inventarnl New Member

    Worked like a charm! Last question, I hope..... ;)

    How do I change the breakpoint? I'd like the mobile menu to show up at 1105px, not 980px.

    I tried the regular:

    Code:
    Log In or Sign Up to view this code.
    But that didn't work.

    Thanks a million!
     
    #14 Inventarnl, Jan 10, 2019
  15. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    #15 Divi.Help Pro Support, Jan 10, 2019
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More
(You must log in or sign up to post here.)