1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, 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

Header Style #8

Discussion in 'Basic Support Forum' started by E's Web Design, Mar 16, 2020.

  1. E's Web Design

    E's Web Design Member
    Divi Ultimate Child Theme Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi, love this header, it's my favorite and use it a lot, but am struggling with this one.

    1) Don't like the way the logo shrinks as you pull in screen size, gets smaller and smaller and shrinks up to the top of the column. Is there any way to keep it centered and large, the way the logo would in the Divi default header? Here's a site whose logo works the way I want mine to look https://bibleteachinglady.com/ It stays large until there is no more room for the menu, then I have it switch to the mobile version. I'll attach a screnshort of what my style 8 is doing. - Also in your sample of Style 8, it's perfect there too, doesn't shrink at all when you pull in.

    2) How do I remove the space at the bottom under the logo. I have unchecked space at bottom of image and made all my pading 0px, but when I inspect element there is still a space there and it is an <a/> element, can't figure out where it is coming from.

    Thank you!
     

    Attached Files:

    #1 E's Web Design, Mar 16, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade rolling text design for your Divi site without using any plugins:View Demo
  2. E's Web Design

    E's Web Design Member
    Divi Ultimate Child Theme Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Also, how do I get the shopping cart to appear. It isn't and I do have WooCommerce installed.
     
    #2 E's Web Design, Mar 16, 2020
  3. E's Web Design

    E's Web Design Member
    Divi Ultimate Child Theme Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Scratch 2nd comment, figured that out.
     
    #3 E's Web Design, Mar 16, 2020
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    It's because our logo is small & it fit within the column width. For your case, you can just go to the logo image settings & set a fixed width to it. For example, set the width to be 200px (depending on the width of your logo).
    Basically, your row height is based on the biggest height between logo image, menu & button. Since the tallest one is the button, and thus the logo image seems to be appear upward. For a quick fix, you just need to go to the logo image settings & set a padding top, so that it will appear in the middle.
     
    #4 Divi.Help Pro Support, Mar 16, 2020
  5. E's Web Design

    E's Web Design Member
    Divi Ultimate Child Theme Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Okay, I'm getting so close and your repsonse really helped. I wondered if you could help some more, and I'm happy to pay you guys for your assistance in continuing with this header, but perfecting it in a responsive sense. I've tried reducing the menu text size using css, but because the 3rd column takes up so much space, it doesn't seem to be helping, so I wondered, would there be away to make just the mobile menu icon and shopping cart appear at let's say 1500px? I tried switing to mobile menu sooner, they way you typically would, but it doesn't work with the divi ultimate header it seems.

    Wondered a couple of things - if the 3rd column could be reduced in size to allow for the menu to appear in more space, or going to mobile menu and shopping carts.

    any thoughts on keeping this beautiful header?

    Thank you!
     
    #5 E's Web Design, Mar 19, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly share your URL.

    If you use header style 10, then it will maximize the space beside the button.
     
    #6 Divi.Help Pro Support, Mar 19, 2020
  7. E's Web Design

    E's Web Design Member
    Divi Ultimate Child Theme Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    #7 E's Web Design, Mar 19, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  8. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly check your PM.
     
    #8 Divi.Help Pro Support, Mar 20, 2020
  9. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Done some changes for you. Kindly check. It should work fine now.
     
    #9 Divi.Help Pro Support, Mar 21, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)