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

How to stop header from overlapping all sections + good fullwidth mobile menu tutorial

Discussion in 'Free Divi Community Forum' started by andalltha, Feb 26, 2023.

  1. andalltha

    andalltha Member

    Hey there!

    I'm building a website with Divi: https://thierry-jaspart.com/temp/courage/. I used this tutorial to stop the header from overlapping the page: https://www.peeayecreative.com/how-...verlapping-the-page-and-push-it-down-instead/. The problem is it only works with the first section and not the others when you click on menu's items. How can I fix it?

    I also want to make the mobile menu fullwidth. Is there a tutorial you would recommend? I have a hard time finding a good one.

    Thank you!
     
    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

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    And I see that your mobile menu background is being set to be transparent. You will need to change it in the menu module settings, or just use the below CSS:
    Code:
    Log In or Sign Up to view this code.
     
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  3. andalltha

    andalltha Member

  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Unfortunately, I don't have answer for that. As the anchor link smooth scrolling is done through Divi JS. Not sure if there's any other way to overwrite it.
     
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  5. andalltha

    andalltha Member

    Okay, thank you. My last question is: what would you do in my place? Is there a workaround?

    The address of the site mobved to: https://couragebxl.be/