increase logo size | menu scrolls

  • Author
    Posts
  • #162774

    geralavigne
    Member

    Hi again, Taras!

    I used this code you sent me in the last topic and it worked perfectly in the home page, but when the menus scrolls down the other logo is way too small.

    How can I increase its size to fit the same size as the home page logo (the white one)?

    Here is the logo: https://lavignedelemos.files.wordpress.com/2021/04/af_logo_lavignedelemos_horizontal_preto.png

    And the code I’m using:

    .site-header:not(.scroll-header) .site-branding .custom-logo-link::before {
    background-image: url(‘https://lavignedelemos.files.wordpress.com/2021/05/af_logo_lavignedelemos_horizontal_branco-1.png’);
    background-size: 300px 125px;
    background-repeat: no-repeat;
    display: block;
    width: 300px;
    height: 125px;
    content: “”;
    }
    }

    Thanks :)

    The blog I need help with is lavignedelemos.com.br.

    #162781

    tarasdashkevych
    Theme Author

    Hello Letícia,

    Please add this custom CSS to your site to change a default maximum height of the logo shown in the site header during a scroll:

    
    .site-header .site-branding img {
      max-height: 125px;
    }
    

    Let me know if you have any additional question about the logo size.

    Kind regards,
    Taras

    #162791

    geralavigne
    Member

    It worked perfectly! Thanks for the support :))

    Have a nice week!

    #162821

    tarasdashkevych
    Theme Author

    You are very welcome, Letícia! :)

    Thanks. You have a great week too!

    Best regards,
    Taras

The topic ‘increase logo size | menu scrolls’ is closed to new replies.