Avada Forums Community Forum Secondary top header height

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • jojojijijojo
    Post count: 8

    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.

    Post count: 5

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

    Post count: 873


    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-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!!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.