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 Trying to set different homepage header.

Discussion in 'Basic Support Forum' started by Asaf Sagi, Jul 9, 2019.

  1. Asaf Sagi

    Asaf Sagi New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    I'm using default header -> vertical navigation on my website.
    What I'm trying to do is to set a regular 1-row header to my homepage with the logo on the left and 2 menu items on the right, and ofcourse, make my homepage fullwidth as a result. (currently there is a 150-200px blank space on the left of my homepage. where the vertical navigation is located on the rest of the web pages.

    I set Header & Navigation Style 1 to my homepage. and then went to edit the layout.
    I removed the sections I didn't need and created a new section with the modules I described before.
    currently my homepage looks like this - http://prntscr.com/ockii2.
    as you can see the page is not fullwidth and the header doesn't show at all.

    If you need me to share URL, ask and I'll send it to your inbox.
    Thanks for helping.
     
    #1 Asaf Sagi, Jul 9, 2019
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    To fix the extra left spacing, add the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    As for the missing header, it's because of the section visibility setting is set to be hidden in desktop. Just go to Divi > DU Header - Library to edit the custom header & go to the Section settings > Advanced > Visibility & set it to show in desktop.
     
    #2 Divi.Help Pro Support, Jul 9, 2019
  3. Asaf Sagi

    Asaf Sagi New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Thank you!
    Another thing I need to understand is how to make the header created sticky on scroll? and give it a transparent (semi-transparent-black if it matters) background? I would actually like the header to start-position overlap the main homepage image.
    thanks again.
     
    #3 Asaf Sagi, Jul 9, 2019
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    1. To make the section sticky, just go to the Section settings > Advanced > CSS Class & add free-sticky

    2. By default, our header plugin doesn't support transparent menu. But you can try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    **Do note that you will need to change your section background color to semi transparent.
     
    #4 Divi.Help Pro Support, Jul 9, 2019
(You must log in or sign up to post here.)