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

Custom DIVI Header with 2 logos one on left and one centered

Discussion in 'Ask Pre-Sales Questions' started by Lauren Britton, Nov 21, 2018.

  1. Lauren Britton

    Lauren Britton New Member

    Hi DIVI Header Plug-in-
    Is it possible to create a custom DIVI header with your plugin where I can insert 2 logos for a company in the header? One logo is left justified, the other logo is centered in the middle and then apply a gradient background to it from grey to white. See attached file with what I would like it to look like and then for the mobile view it would display properly as well pushing the side logo to the left and centering main logo. Please advise. If I can do this I will buy your DIVI Header Plug-in. Let me know.

    Lauren Britton
     

    Attached Files:

    #1 Lauren Britton, Nov 21, 2018
    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

    Basically, you get to design the custom header using Divi Builder. I see that you wish to add another logo on the center, which is relatively easy to achieve in Divi Builder. But may I know if your menu is going to be placed below the logo? If that's the case, you can easily do that in desktop.

    But the issue is with mobile menu. In mobile, we revert back to use default Divi header, so that you can choose to have slide in / fullscreen menu in mobile. So, there's only 1 logo in the menu. But you can hide the mobile logo (using CSS) & then add both your logos below the hamburger menu, if that's ok with you. But if you wish to completely hide the default Divi header in mobile & place our regular menu module inline with the logos, you can do that with some CSS as well.

    Another issue is that you wish the second logo to always stay in center & first logo on the left, even in mobile. By default, Divi will just make the second logo move down to second row. So, some CSS will be required to achieve what you want. What I could think of is, add the first logo & set it to be position absolute and left 0, then add the second logo & set it to align center & add some padding on the left and right to prevent overlapping with the first logo in mobile. This CSS theory can also be applied to the inline regular menu module with logo in mobile.

    Basically with some CSS + our header plugin, you can achieve most of the things that you want.
     
    #2 Divi.Help Pro Support, Nov 21, 2018
  3. Lauren Britton

    Lauren Britton New Member


    Ok so if I buy the DIVI Header Plug-in I can add a second logo. First main logo is centered and 2nd logo is left justified and I would like a gradient background. So I can do all of this with the DIVI Header Plug-in in desktop mode. Yes our primary menu would be placed below both logos. For the mobile view I would just hide the 2nd logo that would be left justified and just leave the main logo centered. Thanks can you send me a link where to buy it and will there be any support like this where I can post a question to get some custom CSS for the mobile view?

    Lauren B.
     
    #3 Lauren Britton, Nov 24, 2018
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  4. Lauren Britton

    Lauren Britton New Member

    P.S. I see for $35 I can buy the plug-in unlimited to use but it says updates and support for just one year. After that I would have to buy it again? Just to keep up with the latest Wordpress versions?
     
    #4 Lauren Britton, Nov 24, 2018
  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    If that's the case, it would be easy to achieve. And yes, there will be support forum for you to ask questions & we will provide you with the CSS for mobile view.

    Link to buy: https://divi.help/account/upgrades
    During your 1 year license, you get to choose to upgrade to lifetime for $25 only.
     
    #5 Divi.Help Pro Support, Nov 24, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)