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

Ultimate Header

Discussion in 'Basic Support Forum' started by Dawn Burian, Jun 10, 2019.

  1. Dawn Burian

    Dawn Burian New Member
    Divi Ultimate Header Plugin

    I don't know if the header can do what I want it to do.

    I need a style option that allows me to center the logo and right align the menu on the same line. Also I need for it to be compatible with the current version of Divi.

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

    Divi.Help Pro Support Administrator
    Staff Member

    None of our premade header styles similar to what you want to achieve?
    Kindly share screenshot on what you want you meant.
     
  3. Dawn Burian

    Dawn Burian New Member
    Divi Ultimate Header Plugin


    I need a centered logo and right-aligned menu
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You can certainly do that.
    1. Just add a regular section & add a 3 column row.
    2. Change the row settings width & max width to be 100%.
    3. Change the row settings gutter width to be 1.
    4. Add logo image module in the center & regular menu module in the right.
    5. For the menu module, if you need it to work with our custom hover styles in Theme Customizer & search icon, then add free-header-menu in the menu module CSS Class.
    6. Adjust the alignment for the image module & menu module & you're done.

    Basically, you can create anything you want using Divi Builder.

    For this time only, we made the .json file for you as well. Just download it & import in Divi Library. It's named: Dawn Burian

    Additional info:
    If you wish to make the section sticky, just add free-sticky in the Section settings > Advanced > CSS Classes.
     

    Attached Files:

  5. Dawn Burian

    Dawn Burian New Member
    Divi Ultimate Header Plugin

    It's unclear to me, how I implement different styles for the header. How do I call in the .json files (into the templates) and can I still use the secondary menu?

    Thx.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Here's the installation guide to get an idea of how our header plugin works: https://divi.help/threads/new-installation-guide.347/

    1. First, you need to install our header plugin (step 1).

    2. Then, import the premade header styles .json file in Divi Library (step 2 & 3).
    **The .json file that we shared in the previous post also follows the same steps to import.

    3. Next thing to know is, you get to choose which custom header to display in Theme Customizer (step 4 & 5).

    4. Lastly, to customize the premade custom header, just go to Divi -> DU Header - Library to customize it in Divi Library (step 6).

    ============

    After you import the .json file in the previous post, you will get to choose Dawn Burian in the Theme Customizer as custom header.

    - Normally, the steps will be to choose any one of the premade header styles to get started.
    - If none of the premade header styles fit your need, you just need to randomly choose any one of them & delete all the premade sections & create your own with Divi Builder.
    You can just use fullwidth menu module for that. We already included that in the .json file. After importing that in Divi Library, just go to Divi -> DU Header - Library to customize Dawn Burian & you will see what I meant.
    **Kindly re-download the previous Dawn-Burian.json file. We just updated it a moment ago.

    After following the installation guide, you should roughly get how our header plugins works. If you still have any other questions, let me know.