Shopify themes, liquid, logos, and UX
hi my page is:
https://lesbrons.com/blogs/emporium
password: sandwich
I'm trying to make the images responsive to larger screen sizes such as a mac. and also responsive on smaller screen sizes so that you dont have to scroll horizontally
any help greatly appreciated
Solved! Go to the solution
This is an accepted solution.
thanks for confirm please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/stylesheet.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second
.blog-template #content {
width: 100%;
padding: 0px 10px;
}
@media screen and (min-width: 980px) {
#blog-articles {margin-left: 0px!important;}
}
@media screen and (min-width: 601px) {
.articles {grid-template-columns: 33.333% 33.333% 33.333%;}
}
After Code Layout.
sorry for that issue but can you please share issue image and how do you have like bigger screen?
hi ketankumar,
this is how it looks on my current laptop
and this is just a camera shot oh how it looks on my mac
do you know if theres a way to have the images spread out on the larger screen so there is no space on either size of the mac screen?
thanks for more details
do you have like this on your mac?
yeah i want it to look like that on my mac
This is an accepted solution.
thanks for confirm please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/stylesheet.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second
.blog-template #content {
width: 100%;
padding: 0px 10px;
}
@media screen and (min-width: 980px) {
#blog-articles {margin-left: 0px!important;}
}
@media screen and (min-width: 601px) {
.articles {grid-template-columns: 33.333% 33.333% 33.333%;}
}
After Code Layout.
hi, i tried this code, but it did not make the images bigger on the mac, it just justified the page to the left but the images are the same size
oh it did work!!! i just had to add !important to the last bit of code.
you are amazing i cannot thank you enough!!!
it's my pleasure to help us
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