Hi, I’m new here and am trying yo change how my collection is displayed between mobile and desktop, currently i have 2 columns wide displayed on desktop and mobile but i would only like 1 column width of product displaying when viewing on mobile.
In addition, I would also like to have a different image displayed for my banner between desktop and mobile.
Any help would be great! thanks
Welcome to shopify community.
Please share your store URL and if your store is password protected then please provide password too.
Thank you.
That would be great, thanks
password: halyau
Please add below css in bottom of assets/theme.css file
@media only screen and (max-width: 749px)
.section-header .small–one-half {
width: 100%;
}
Thank you.
Mmmm, i did that and there was no change?
Sorry but I can’t see any issue in your website
it’s looks perfect on desktop and mobile too.
Thank You!