Avada Forums Community Forum Secondary top header height

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

    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
    Participant
    Post count: 5

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

    marklchaves
    Participant
    Post count: 873

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

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