Liquid, JavaScript, themes, sales channels
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
Solved! Go to the solution
This is an accepted solution.
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 😉
This is an accepted solution.
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 😉
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;
}
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024