Shopify themes, liquid, logos, and UX
Hi,
i'm using in ventuer theme
How can i change the grid of the collection list in the mobile display, there is currently one image per line
I need to have at least 2 pictures in each row
my site: https://www.outfiteam.com/
thank you!
Solved! Go to the solution
This is an accepted solution.
Hello, @amit101297
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: 749px) {
#collection-list-grid .grid__item {
width: 50%;
}
.featured-card--contain {
padding: 6px;
}
}
This is an accepted solution.
@amit101297 here is how to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:
You can change the 0px to any value you want, it is the bottom spacing on mobile devices. Example: -40px or 40px
@media only screen and (max-width: 749px) {
#shopify-section-featured-collections .grid__item{
width: 50% !important;
margin-bottom: -00px;
}
}
Please let me know whether it works.
Kind regards,
Diego
This is an accepted solution.
Hello, @amit101297
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: 749px) {
#collection-list-grid .grid__item {
width: 50%;
}
.featured-card--contain {
padding: 6px;
}
}
This is an accepted solution.
@amit101297 here is how to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:
You can change the 0px to any value you want, it is the bottom spacing on mobile devices. Example: -40px or 40px
@media only screen and (max-width: 749px) {
#shopify-section-featured-collections .grid__item{
width: 50% !important;
margin-bottom: -00px;
}
}
Please let me know whether it works.
Kind regards,
Diego
Do you know how to do this for the Venue theme?
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
sorry for that issue but i can see its proper
can you please provide screenshot where do you have change this?
On the home page.
The collection List Right under the banner(slideshow).
I have to swipe for the next collection to appear. I want it in grid form and two In one row
In desktop view It shows two in a row but in mobile I have to swipe
How can I accomplish this in the Atlantic theme please!!
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
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