Solved

Making only mobile logo larger venture theme

NikolaKopanic
Excursionist
29 0 2

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

Accepted Solution (1)

JHKCreate
Shopify Expert
3571 639 916

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

Learn more about us: jhkcreate.com

View solution in original post

Replies 2 (2)

JHKCreate
Shopify Expert
3571 639 916

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

Learn more about us: jhkcreate.com

ZestardTech
Shopify Expert
5393 970 1291

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