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 How do I change height in header 8?

Discussion in 'Basic Support Forum' started by Eugenie, Jun 8, 2019.

  1. Eugenie

    Eugenie Member
    Divi Ultimate Header Plugin

    I've been trying to change the height of header in style 8 but nothing seems to work. What's the right way of going about it?
     
    #1 Eugenie, Jun 8, 2019
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    For header style 8, it consist of 3 columns: logo, menu & button. So, the height of the header is based on the 3 elements.

    1. Change the padding of the logo image module.
    2. Change the padding of the button module.
    3. Lastly, for the menu module, go to the Menu module settings > Advanced > Custom CSS > First Level Menu Links & change the padding CSS.
     
    #2 Divi.Help Pro Support, Jun 8, 2019
  3. Eugenie

    Eugenie Member
    Divi Ultimate Header Plugin

    Tried but not working. I removed the button, so that doesn't need changing. When changing the Custom CSS it only changed the position and spacing of the links but not the height.
     
    #3 Eugenie, Jun 8, 2019
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    What about the logo? Basically the tallest among the 3 elements will be the height of the header.
     
    #4 Divi.Help Pro Support, Jun 8, 2019
  5. Eugenie

    Eugenie Member
    Divi Ultimate Header Plugin

    I removed the bottom padding but it did not change anything. https://filmsoundacademy.com/test/contact/
     
    #5 Eugenie, Jun 8, 2019
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Cause you set the height in the row settings. You will need to remove that.
     
    #6 Divi.Help Pro Support, Jun 8, 2019
  7. Eugenie

    Eugenie Member
    Divi Ultimate Header Plugin

    Had forgotten about that one! It worked, but now the image has gone small. https://filmsoundacademy.com/test/contact/
     
    #7 Eugenie, Jun 8, 2019
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  8. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Go to the row settings & change the max-width to be 100%.
     
    #8 Divi.Help Pro Support, Jun 8, 2019
  9. Eugenie

    Eugenie Member
    Divi Ultimate Header Plugin

    It's already at 100%
     
    #9 Eugenie, Jun 8, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  10. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Do note that width & max width are 2 different settings. Based on your site, you already set the width to be 100%, but not max width. See screenshot below:

    upload_2019-6-8_16-59-2.png
     
    #10 Divi.Help Pro Support, Jun 8, 2019
  11. Eugenie

    Eugenie Member
    Divi Ultimate Header Plugin

    The values at my end are in pixels not percentage Screenshot 2019-06-08 at 10.02.17.png
     
    #11 Eugenie, Jun 8, 2019
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  12. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Just type it 100%.
     
    #12 Divi.Help Pro Support, Jun 8, 2019
  13. Eugenie

    Eugenie Member
    Divi Ultimate Header Plugin

    That did it :) thanks
     
    #13 Eugenie, Jun 8, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
(You must log in or sign up to post here.)