1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, 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 Issue with transparent Header

Discussion in 'Free Divi Community Forum' started by Su Wiemer, Feb 17, 2021.

  1. Su Wiemer

    Su Wiemer New Member

    Hi there!

    I've made the nav-bar on my site transparent (via Theme Customizer) and white when it's fixed (via CSS), but when loading the site incognito the content slides up for a few seconds, about the height of the nav-bar.

    How can I fix this – can me help someone?

    My site: https://makeusershappy.de
    CSS:
    .et-fixed-header#main-header {
    background: white;
    }

    Thanks & happy day!
    Su
     
    #1 Su Wiemer, Feb 17, 2021
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  2. Danny123

    Danny123 New Member

    #2 Danny123, Feb 17, 2021
  3. Su Wiemer

    Su Wiemer New Member

    Thank you for your reply, Danny123,

    adding the code with the class doesn't help with my problem...
     
    #3 Su Wiemer, Feb 18, 2021
    Last edited: Feb 18, 2021
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  4. 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.
     
    #4 Divi.Help, Feb 18, 2021
    Su Wiemer likes this.
  5. Danny123

    Danny123 New Member

    I can see its working now . when you slide down navbar have white background, when you slide up your navbar is transparent.
     
    #5 Danny123, Feb 19, 2021
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
  6. Su Wiemer

    Su Wiemer New Member

    Thanks for help, but this doesn't work either.
     
    #6 Su Wiemer, Feb 20, 2021
  7. Su Wiemer

    Su Wiemer New Member

    That was not my problem, Danny. The header still jumps, since I made the header transparent…
     
    #7 Su Wiemer, Feb 20, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade card carousel design for your Divi site without using any plugins:View Demo
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    What about the below CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #8 Divi.Help, Feb 20, 2021
  9. Danny123

    Danny123 New Member

    ok I think I can see the problem now . The image underneath the menu is close to navabar and after few second slide down. Is that correct?
    try this :
    .et_pb_image_5{
    margin-top:50px !important;
    }
    it seems like this margin is loaded after few seconds for some reason. maybe code css is loaded as a last one
     
    #9 Danny123, Feb 20, 2021
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  10. Su Wiemer

    Su Wiemer New Member

    Sadly this doesn't work either, but thank you for trying to help!
     
    #10 Su Wiemer, Feb 24, 2021
  11. Divi.Help

    Divi.Help Administrator
    Staff Member

    That's weird. I couldn't see the CSS loaded on your site. You may want to make sure you're adding it in the right place & clear your cache.
     
    #11 Divi.Help, Feb 25, 2021
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  12. Su Wiemer

    Su Wiemer New Member

    I added the code again in style.css, but it doesn't help. The cache is cleared. I think it's because of caching, the CSS loads later…
     
    #12 Su Wiemer, Feb 25, 2021
  13. Divi.Help

    Divi.Help Administrator
    Staff Member

    Have you tried to insert the CSS in WP Admin > Divi > Theme Options > Custom CSS?
     
    #13 Divi.Help, Feb 25, 2021
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  14. Su Wiemer

    Su Wiemer New Member

    That seems to work! I'm happy. Thank you so much!
     
    #14 Su Wiemer, Feb 25, 2021
(You must log in or sign up to post here.)