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 transparent header

Discussion in 'Free Divi Community Forum' started by mariejac27, Dec 20, 2019.

  1. mariejac27

    mariejac27 New Member

    Hi,

    I would like to remove the white/grey header bar with the logo and menu button, and make it transparent, but when you scroll down on the page it becomes black for instance, so it shows on each page (see screenshot 1 and 2 ). How do I do it ? thanks

    Here is my website , also I have an hamburger menu

    www.w-t-s.ch
     

    Attached Files:

    #1 mariejac27, Dec 20, 2019
    Last edited: Dec 20, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade before / after image slider for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Go to Theme Customizer > Header & Navigation > Primary Menu Bar > Background Color & set it to be transparent.

    And set the fixed navigation background color in Theme Customizer > Header & Navigation > Fixed Navigation Settings > Primary Menu Background Color.
     
    #2 Divi.Help, Dec 20, 2019
  3. mariejac27

    mariejac27 New Member

    it does not work, because if you look at my homepage, it is composed of a slider and text.
     
    #3 mariejac27, Dec 28, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  4. mariejac27

    mariejac27 New Member

    This is how i would want my menu to appear,
     

    Attached Files:

    #4 mariejac27, Dec 28, 2019
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    You can try the below CSS instead. Just paste it in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #5 Divi.Help, Dec 31, 2019
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  6. mariema

    mariema New Member

    great thanks ,
    how do I remove the black thin line of the menu (see pic)
    www.w-t-s.com
     

    Attached Files:

    #6 mariema, Jan 1, 2020
  7. 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.
     
    #7 Divi.Help, Jan 2, 2020
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
  8. gregm83

    gregm83 New Member

    Hello,

    Thank you for the css code ! It work perfectly.

    Now I have a problem with my fullwidth header. It's too short and don't cover full screen height probably because of the padding-top:0px . do you have any idea how i do for repair the height ? Sorry for my bad english i'm french. Thank you.

    Sorry but the site is offline at the moment i don't give you a link.

    The screenshot here :
     

    Attached Files:

    #8 gregm83, May 11, 2020
  9. Divi.Help

    Divi.Help Administrator
    Staff Member

    Just go to the fullwidth header module settings & set the min-height to be 100vh
     
    #9 Divi.Help, May 13, 2020
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More
  10. gregm83

    gregm83 New Member

    Thank you all is ok !! :)
     
    #10 gregm83, May 13, 2020
(You must log in or sign up to post here.)