Liquid, JavaScript, themes, sales channels
Hey, I'm starting off with only one product in my store and I'd like to have the featured collection page on my home screen have a smaller width. This is in the dawn theme and I'm trying to figure it out. In my Figma layout, I have the max width of images at 320px. But I might want to make them even smaller. How can I do that?
Solved! Go to the solution
This is an accepted solution.
I would like to give you some recommendations to support you.
You can follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :
<style>
@media screen and (min-width: 990px){
.grid{
justify-content: space-between;
}
.grid--5-col-desktop .grid__item{
width: 15%;
max-width: 15%;
}
}
</style>
Hope my recommendation can works and support for you! Please contact me if there are any problems.
Kind & Best regards!
GemPages
Hello @ssew56
Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?
Kind & Best regards!
GemPages Support Team
This is an accepted solution.
I would like to give you some recommendations to support you.
You can follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :
<style>
@media screen and (min-width: 990px){
.grid{
justify-content: space-between;
}
.grid--5-col-desktop .grid__item{
width: 15%;
max-width: 15%;
}
}
</style>
Hope my recommendation can works and support for you! Please contact me if there are any problems.
Kind & Best regards!
GemPages
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