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 Mobile menu is not becoming transparent on scroll as instructed

Discussion in 'Basic Support Forum' started by Rasmus Rosengreen, Oct 21, 2019.

  1. Rasmus Rosengreen

    Rasmus Rosengreen New Member
    Divi Powerful Child Theme

    When I scroll down on mobile, the menu is not becoming transparent.
    It should.

    Is there any other way to "hide" the menu on mobile menus when scrolling on mobile, using your layouts?
    Skærmbillede 2019-10-21 kl. 17.29.16.png Skærmbillede 2019-10-21 kl. 17.29.21.png
     
    #1 Rasmus Rosengreen, Oct 21, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  2. Rasmus Rosengreen

    Rasmus Rosengreen New Member
    Divi Powerful Child Theme

    ny.kaerbygaard.com

    im using divi powerfull
     
    #2 Rasmus Rosengreen, Oct 21, 2019
  3. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    To remove the sticky feature in mobile menu, you just need to disable the option at Theme Customizer > Divi Powerful Settings > Mobile Menu Styling & untick Fixed Mobile Menu & save.
    The background color is set at: Theme Customizer > Header & Navigation > Primary Menu Bar > Background Color. Just set the color to opacity to be 0 if you want it to be totally transparent. See screenshot below:

    upload_2019-10-21_23-44-56.png
     
    #3 Divi Powerful, Oct 21, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  4. Rasmus Rosengreen

    Rasmus Rosengreen New Member
    Divi Powerful Child Theme

    Hi there
    I know
    But when I do it, it doesn't actually change on mobile.
    Only the preview changes.

    best regards
     
    #4 Rasmus Rosengreen, Oct 21, 2019
  5. Rasmus Rosengreen

    Rasmus Rosengreen New Member
    Divi Powerful Child Theme

    Also, it is the fixed menu I want to change. The primary menu is OK as it is.. (but still, I can't change either of them)
     
    #5 Rasmus Rosengreen, Oct 21, 2019
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  6. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    Alternatively, use the below CSS in Divi > Theme Options > Custom CSS to make it transparent:
    Code:
    Log In or Sign Up to view this code.
     
    #6 Divi Powerful, Oct 21, 2019
  7. Rasmus Rosengreen

    Rasmus Rosengreen New Member
    Divi Powerful Child Theme

    won't this code make it transparent on all devices??
     
    #7 Rasmus Rosengreen, Oct 21, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  8. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    It won't. Cause in desktop, you're using custom Divi Builder header. And thus, the CSS only affect the mobile menu.
     
    #8 Divi Powerful, Oct 21, 2019
  9. Rasmus Rosengreen

    Rasmus Rosengreen New Member
    Divi Powerful Child Theme

    Perfect. It worked!

    What do I do, if I want it på 10 % transparent at first, and then 100 % transparent after scroll?? :)

    thank you
     
    #9 Rasmus Rosengreen, Oct 21, 2019
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  10. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    #10 Divi Powerful, Oct 21, 2019
  11. Rasmus Rosengreen

    Rasmus Rosengreen New Member
    Divi Powerful Child Theme

    That worked just perfect. Thank you!
     
    #11 Rasmus Rosengreen, Oct 21, 2019
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
(You must log in or sign up to post here.)