1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/
This is the support forum for Divi Ultimate Child Theme.

To access this support forum, you need to purchase Divi Ultimate Child Theme.

If already purchased, kindly login to your account to access it.
For Divi community forum, kindly visit here: https://divi.help/forums/get-help-on-divi-wordpress.30/

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. AD Easily add Mega Menu for your Divi site: https://divi.help/link-forums/divi-mega-pro.149/
  2. Divi Ultimate

    Divi Ultimate 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. AD Free download for Divi Mobile Bar Plugin: https://divi.help/threads/divi-mobile-bar-plugin-free.1579/

Recommended Divi Hosting