Questions, feedback, and updates on the new online store design experience
Hello, I am having a bit of trouble designing my Shopify store a certain way. I am trying to use gallery blocks and have two images next to each other on the desktop view, but on mobile I would like one image under the other. On mobile I'm getting the two images next to each other which makes the images too small. What code do I need to fix this? (No coding experience)
Desktop View
Mobile View
Solved! Go to the solution
This is an accepted solution.
Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.css
@media only screen and (max-width:749px){
#shopify-section-16286453956c8e086f .grid__item.one-half {
width: 100%;
}
}
Hello,
you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Please Share your store live url where you want to do modification, so that I will solve your issue here!
This is an accepted solution.
Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.css
@media only screen and (max-width:749px){
#shopify-section-16286453956c8e086f .grid__item.one-half {
width: 100%;
}
}
Thank you very much! Worked like a charm! You have saved me a lot of time!!
Please share your store URL.
hello @Wecommerce
@media screen and (max-width: 769px) {
#shopify-section-16286453956c8e086f .grid-uniform.featured-images{
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
#shopify-section-16286453956c8e086f .grid-uniform.featured-images .grid__item.one-half{
flex: 0 0 100%;
-webkit-box-flex: 0 0 100%;
-moz-box-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
}
}
Thank you very much! Worked like a charm! You have saved me a lot of time!!
Hello Great Client i have seen your request i can see what you are lacking about your store that you are having a bit of trouble designing my Shopify store a certain way. Congratulation because the right person is Replying to your message
FOR MORE DISCUSSION KINDLY MESSAGE ME ON TELEGRAM @Rosejenifer
We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023