Changing Logo Size On Mobile

Good Day

I'd like to reduce the size of the logo on the mobile version.

The logo size is fine on normal desktop - however I am unsure as to how to reduce the logo size on mobile.

Please see screenshot attached.

Any help will be greatly appreciated!

Kind Regards


logo size too big for mobile.jpg


For example, add the following code to the CSS section of the Theme editor

@media (max-width: 767px) {
  .ty-logo-container__image {
    max-height: 100px;
    width: auto;

Thanks so much! Worked like a charm :grin: