increase logo size | menu scrolls

  • Author
  • #162774


    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:

    And the code I’m using:

    .site-header:not(.scroll-header) .site-branding .custom-logo-link::before {
    background-image: url(‘’);
    background-size: 300px 125px;
    background-repeat: no-repeat;
    display: block;
    width: 300px;
    height: 125px;
    content: “”;

    Thanks :)

    The blog I need help with is


    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,



    It worked perfectly! Thanks for the support :))

    Have a nice week!


    Theme Author

    You are very welcome, Letícia! :)

    Thanks. You have a great week too!

    Best regards,

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