Making only mobile logo larger venture theme

[NikolaKopanic]

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

[JHKCreate · 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

[Pallavi]

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;
}
}