Making only mobile logo larger venture theme

Solved
NikolaKopanic
Tourist
18 0 0

Hello folks, can someone help me out with the code i need to add or change to make my logo larger but only for mobile devices? my store is www.trendsanta.com

0 Likes
JHKCreate
Shopify Partner
2267 377 505

This is an accepted solution.

Hi @NikolaKopanic 

Go to your theme.scss.css file and adjust the code below to show 70% instead of 50%

@media only screen and (max-width: 749px)
{
.site-header__upper .grid .grid__item:nth-child(2) {
    width: 70% !important;
}
}


That should do it! Don't forget to like & mark as a solution is this solves your issue

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
Pallavi
Shopify Expert
1134 148 181

Hello There,

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

@media only screen and (max-width: 746px){
.site-header__logo img {
width: 110%!important;
}
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes