Shopify themes, liquid, logos, and UX
Hi!
Can someone help me to put the collection list on the center?
We usually have 4 items, now we only want to show 3.
The URL is https://bove.co/
Thanks!
Solved! Go to the solution
This is an accepted solution.
.collection--item {
margin-left: 80px !important;
text-align: center;
}
@BoveSpring
Add this code in theme.scss or theme.css
Thank you.
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss.liquid file.
@media screen and (min-width: 860px){
#shopify-section-1599186920696 .home-section--content {
margin-top: 1.75rem;
text-align: center;
justify-content: center;
display: flex;
}
}
@BoveSpring
Hi,
Welcome to the Shopify community.
How may I help you?
I can't get your issue.
In Which page it's occur
kindly Share the screenshot.
Thank you.
Hi!
It's on the homepage https://bove.co/.
We usually have 4 collections in a row for the collection list, it looked ok, no empty space. When we only want to show 3 collections, and now there's an empty space on the right.
Can you help me to make the collection list on the center page? Make it even? Because now it looks like the collection list are align on the left side.
This is an accepted solution.
.collection--item {
margin-left: 80px !important;
text-align: center;
}
@BoveSpring
Add this code in theme.scss or theme.css
Thank you.
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss.liquid file.
@media screen and (min-width: 860px){
#shopify-section-1599186920696 .home-section--content {
margin-top: 1.75rem;
text-align: center;
justify-content: center;
display: flex;
}
}
Thank you so much! It worked!
Both set of codes worked, though different outcome when I open the page via mobile.
Please share collection page URL!
Thanks!
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