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 Divi Switch (Transparent header for the homepage) disables section and module settings.

Discussion in 'Free Divi Community Forum' started by Dan Cook, Mar 21, 2021.

  1. Dan Cook

    Dan Cook New Member

    When active, Divi Switch (Transparent header for the homepage) setting, makes clicking section and module settings in Header not possible.

    I have Divi 4.9.0

    Anyone came across this issue? I searched everything on google and did not find a solution!
    Really need this fixed asap.
     
    1. PRO MEMBER PERKS Divi Cart Count Plugin - Easily add cart count to your Divi cart icon. 6 different styles to choose from:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Are you referring to Divi Fronted Builder?

    You may try the below CSS in Divi > Theme Options > Custom CSS to disable the clicking on the header:
    Code:
    Log In or Sign Up to view this code.
    If you wish to hide the header in Divi Frontend Builder, then you just need to add display: none!important; for the above CSS.
     
    Dan Cook likes this.
  3. Dan Cook

    Dan Cook New Member

    Indeed. Frontend Visual Builder!

    Your code works! Altough it darkens the top banner when in visual builder mode :) It's ok though as does not interfere in the customization. Plus the aim is to keep the header/body part transparent.

    I must say i purchased Divi lifetime membership and canceled shortly after.
    For one simple reason. Regular staff don't have technical knowledge. And i didn't ask about customizing code, but why the existing code was going to the whole page instead of just the header body part.

    Too much messaging back and forth and HUGE time wasting, for one simple thing!
    The reason i did not know it, it was because the code was in one specific part of the visual builder i did not know about. The learning curve for divi is big!
    And then they suggested a development company. But i can find my way around with simple development.

    It seems like a bug in this theme or something they need fixed.

    All in all, i've been checking your plugins and already have plans of purchasing one.

    And if your support is consistent and with this quality, i will upgrade to priority support.
    Take this as self assured!
     
    Divi.Help likes this.
    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
  4. Dan Cook

    Dan Cook New Member

    Dear staff,

    I am looking to highly customize my divi child theme with PHP, HTML/CSS and JavaScript.
    Currently want to add custom html to divi top header as you see in red.
    I found a way in Divi Theme Options>Integration>Add code to the < head > of your blog (section).

    I use notepad++ to edit code as it's functional to view etc. Adding
    code to the < head > of your blog (section), is not the proper way to add hundreds of lines.

    I need to speed up development to the max possible, as it's taking me too long.
    I will try https://elementor.com/ ,although i prefer real coding.

    Is an index.php, style.css, etc, in Divi-child directory the way to go?

    But what tools can you propose to make the development faster?



    upload_2021-3-29_12-56-9.png
     
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    I would recommend to place your custom code in Child Theme style.css, functions.php, main.js, etc.

    To edit the HTML of your top header (as per your screenshot), I believe you would need to override the header.php in your child theme.

    Alternatively, you may just create your custom header in Divi Theme Builder (no coding method): https://www.elegantthemes.com/documentation/divi/the-divi-theme-builder/
     
    1. PRO MEMBER PERKS Divi Cart Count Plugin - Easily add cart count to your Divi cart icon. 6 different styles to choose from:Learn More
  6. Dan Cook

    Dan Cook New Member

    I will do as you mentioned (custom code in Child Theme) cos that's the pro way to go!
    Will customize the header.php for the top header as it will be faster for me. With divi theme builder i would have to read a lot and get used to the front end visual builder modules etc, which for me (coding wise) is counter intuitive anyway!

    Thanks again!