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 andalltha, Feb 26, 2023
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  2. andalltha

    andalltha Member

    Up!
     
    #2 andalltha, Mar 5, 2023
  3. 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.
     
    #3 Divi.Help, Mar 13, 2023
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  4. andalltha

    andalltha Member

    #4 andalltha, Mar 15, 2023
  5. 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.
     
    #5 Divi.Help, Mar 18, 2023
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  6. 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/
     
    #6 andalltha, May 16, 2023
(You must log in or sign up to post here.)