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 Overlapping Logo for Header Style 1

Discussion in 'Basic Support Forum' started by Catch, Jun 13, 2020.

  1. Catch

    Catch New Member
    Divi Ultimate Child Theme Divi Powerful Child Theme

    Hi DU-Team

    To create an overlapping logo on Header Style 8 of Divi Ultimate Child, you say:

    You just need to go to the logo image module settings:
    1. Set a width for your logo
    2. Set negative margin bottom.
    **Adjust the negative margin value to suit your need.

    Is there an equally simple way to have an overlapping menu using Header Style 1?

    Since the above process does not work for the Header Style 1 (the free-sticky-wrapper has a high z-index and thus the logo moves behind it, it would appear necessary to change the z-index for the logo image. Where should the relevant CSS be applied (Row or image or...) and what would this look like?

    [Ref: Example Site | Divi Ultimate Child Theme]

    Thanks.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    For that case, just go to the logo Section Settings > Advanced > Position > Z Index & set it to be 99999
     
  3. Catch

    Catch New Member
    Divi Ultimate Child Theme Divi Powerful Child Theme

    Thank you - that worked! I feel a little stupid, but that's the way it goes.

    Just for clarity for others, the steps are:
    1. Set a width (or height) for your logo - I set only the Max Height
    2. Set a negative margin bottom for your logo adjusting the value to suit your need.
    3. On the top Section Settings > Advanced > Position > Z Index & set it to be 99999
    4. You may have to adjust padding or margins on the Fullwidth Menu Section or the Fullwidth Menu itself.

    The DU assistance, as always, was spectacular!
     
    1. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More