Changing logo for mobile

Store Design
, , ,
1

Hello!

I have been working on my shopify store and I am struggling currently with logo size for mobile version and overal optimisation of the site for mobile. I tried a few codes but nothing happens. Can someone help me with it?

It looks like this currently

Skärmklipp.PNG
Skärmklipp.PNG365×742 96.1 KB

https://ok80liitzxry9rmr-78743306563.shopifypreview.com

2

@AliceM , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
@media screen and (max-width: 749px){
    [id] .header__heading-logo {
        max-width: 140px !important;
    }
}

You can change the 140px as you wish.

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

3

Thank you so much, it worked!