Secondary top header height

[jojojijijojo]

#656755

Hi,
I have been trying to change the top header/secondary bar height without success.
I have set the following :

.fusion-secondary-header {
height: 30px;
}

The bar does change height, but the buttons ( cart, my account, social icons) do not change height and the result is ugly.

[yowag]

#688131

I am the same problem did not solve, really depressed, hope to get help, thank you!

[marklchaves]

#688246

Hello,

Yes, it will take much more than two lines of CSS code I’m afraid. Are you sure you want to know?

If so, I suggest listening to the Talking Heads (preferably Live) while coding and debugging this. Tweak values as needed.

/* Increase Secondary Header Height for Avada Header #2 */

.fusion-secondary-header {
    height: 5rem;
    background-color: pink !important;
}

.fusion-secondary-header .fusion-alignleft,
.fusion-secondary-header .fusion-alignright,
.fusion-contact-info {
    line-height: 2 !important;
}

.fusion-contact-info-phone-number, 
.fusion-header-separator,
.fusion-contact-info-email-address {
    font-size: 1.5rem;
}

.fusion-social-links-header .fusion-social-networks a.custom img {
    max-height: 3rem !important;
}

I added this code to my child theme’s style.css.

Before/after screen grabs here (please excuse the mess) https://imgur.com/a/AUIJvQi

Good luck!!

[Author]

Posts