Help with logo on mobile

Solved

Help with logo on mobile

Xmine23
Excursionist
25 0 4

Hi,

I looked for a solution on the forum, but didn't find it. 

Is it possible to enlarge the logo only on the mobile version? On the desktop version I have a perfectly matched logo and header size. 

The theme that I'm using is Local by Krown Theme, my website is www.xmine23.it

 

Accepted Solution (1)

Moeed
Shopify Partner
4361 1123 1380

This is an accepted solution.

Hey @Xmine23 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
.site-header .logo img {
    width: 170px !important;
    object-fit: cover !important;
    left: 15px !important;
    position: relative;
}
}
</style>

RESULT:

Moeed_0-1719475657343.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
4361 1123 1380

This is an accepted solution.

Hey @Xmine23 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
.site-header .logo img {
    width: 170px !important;
    object-fit: cover !important;
    left: 15px !important;
    position: relative;
}
}
</style>

RESULT:

Moeed_0-1719475657343.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Xmine23
Excursionist
25 0 4

Thank you! It worked perfectly! now it's perfect 😍

techlyser_web
Shopify Partner
1820 338 364

Hello @Xmine23 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px){
.site-header .logo img {
width: 200px !important;
object-fit: cover !important;
margin-left: 21px;
}
.site-header .logo {
padding: 0 1rem !important;
}
}
</style>

techlyser_web_0-1719476122639.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com