1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, 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

Solved Menu settings problems

Discussion in 'Free Divi Community Forum' started by Pascal737, Jan 1, 2020.

  1. Pascal737

    Pascal737 Member

    I'm making progress in building my site but I get stucked with a few menu problems.

    1) If you look at the scrolling text of the hamburger menu, in a screen size smaller than 480px, the menu background colour does cover the image which is below only for some part of the menu. Take a 400px wide screen for instance and you'll se that the menu text is half on a braun background and half over the image.

    2) Other problem, if you now set a 900px wide screen you will see that the menu text is not centered with its braun background. I could not find a setting to center the text. I am missing something or is the function missing ?

    Thanks for your help and have a very successfull year !
     
    #1 Pascal737, Jan 1, 2020
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    For this, try to add the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help, Jan 3, 2020
  3. Pascal737

    Pascal737 Member

    Oh thank you very much ! It works like a charm :)

    For my understanding and progress could you explain me what this code does ?
     
    #3 Pascal737, Jan 3, 2020
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    It's because your column width is smaller than your menu dropdown width & that's why the background color doesn't extend to cover the whole menu.

    And thus, we set a fixed width to it.

    As for the left & right CSS, it's because the fixed width will make it overflow to the right side container. And so we use the CSS to make it start from the right 0.
     
    #4 Divi.Help, Jan 3, 2020
  5. Pascal737

    Pascal737 Member

    Thanks for the explanation.
     
    #5 Pascal737, Jan 4, 2020
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
(You must log in or sign up to post here.)