How to reduce the size of the logo on mobile?

[KimGottwald]

I would like to reduce the logo size on mobile, is this possible?

Thank you!

URL: https://suq5b8csct01fyzg-61270851797.shopifypreview.com/collections/rappid-test

Im using the Trade theme.

[WalkYourStyle · Accepted solution]

Instructioins

1. Go to 'Online Store' -> Themes 

2. From your Active Theme click on the 3 dots (...) -> Edit Code

3. Inside the Assets Folder, locate the file 'base.css'

4. Add the below code at the end of the file:

@media (max-width: 768px){
   .header__heading-logo{
        width: 100px;
   }
}

Change the width according to your preference