Changing Logo Size On Mobile

General Forums General Questions
#1

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

Neha

logo size too big for mobile.jpg

#2

URL: https://apieceofcake.host321.net/

#3

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;
  }
}

https://prnt.sc/26mf77i

#4

Thanks so much! Worked like a charm :grin: