Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
How do I add side space to image bar, only for desktop version?
If I use moderate size image for mobile, it is too big for desktop.
If I use moderate size image for desktop, it is too small for mobile.
I searched, and I think the only way I can do is changing images of different size.
I want to know how to add white side space both side (left and right) of the image banner.
Solved! Go to the solution
This is an accepted solution.
I fixed some errors, and it worked.
@media (min-width: 1024px) {
{
padding-left: 15%;
padding-right: 15%;
background-color: #ffffff;
}
}
This is an accepted solution.
I fixed some errors, and it worked.
@media (min-width: 1024px) {
{
padding-left: 15%;
padding-right: 15%;
background-color: #ffffff;
}
}