Shopify themes, liquid, logos, and UX
I'm trying to resize one banner (#Banner-template--15733973614746__16643139569b1e401d) to be smaller on desktop (60%) while mobile needs to stay at 100% width.
I implemented this:
#Banner-template--15733973614746__16643139569b1e401d {
width: 60%;
margin: 0 auto;
}
It works BUT for both mobile and desktop, I tried adding "@media screen and (min-width: 749px)" but then it resets width to 100%.
What am I doing wrong?
UPDATE:
I solved this I forgot to add { after @media...
@dmitry_z
Hello,
Use
@media only screen and (max-width: 749px){
#Banner-template--15733973614746__16643139569b1e401d {
width: 100%;}
}
Add This CSS your Theme.css.liquid file
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024