Minimal theme - logo size

Solved
Highlighted
Excursionist
15 1 1
Hi!
I have a problem with my logo size in mobile version. Is too big and this looks ridiculous.

It looks great on web version and I cannot change the size just for mobile.
Can someone help me to resolve it?
0 Likes
Highlighted

Hello @Domiz,

Please share your site url so that I will tell you exact solution.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Globetrotter
684 64 82

please provide website url for better assistance.

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
Excursionist
15 1 1
Highlighted
Globetrotter
684 64 82

add this to very end of your timber.scss file and adjust width as per need

 

@media screen and (max-width:767px){

.site-header__logo {max-width: 70%;}
}
you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted

@Domiz,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file

@media screen and (max-width:767px){
.logo__image-wrapper {
    max-width: 200px;
}
}

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
15 1 1

@oscprofessional Thank you but it didn't work... Nothing has changed.

@suyash1 The same here. Nothing has changed. Of course I tried to adjust width but there are no visible changes.

0 Likes
Highlighted

This is an accepted solution.

@Domiz,

Try this code

@media screen and (max-width:767px){
.logo__image-wrapper {
    max-width:  200px !important;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Globetrotter
684 64 82

This is an accepted solution.


@Domiz wrote:

@oscprofessional Thank you but it didn't work... Nothing has changed.

@suyash1 The same here. Nothing has changed. Of course I tried to adjust width but there are no visible changes.


I am not able to see this code in browser, is it aaded?

 

@media screen and (max-width:767px){

.site-header__logo {max-width: 70% !important;}
}
you are welcome to contact me.
My email - suyash.patankar@gmail.com
1 Like
Highlighted
Excursionist
15 1 1

@suyash1 @oscprofessional Thank You! Both of the codes made the work!

0 Likes