Shopify themes, liquid, logos, and UX
Hey,
I'm hoping someone can help me figure out how to fix how this section appears on mobile. I want them to be stacked three tall, instead of 2 and then 1. Attached a screenshot! Website address is https://elfinlosangeles.com/
Solved! Go to the solution
This is an accepted solution.
hello @boundlove
please Go to Online Store->Theme->Edit code then go to assets/styles.css ->paste below code at the bottom of the file.
@media screen and (max-width: 764px){
.image-gallery-wrapper .gallery-grid .homepage-gallery-grid-item {
width: 100%;
}
}
Hi there,
Jack from OpenThinking here!
Try with the following code.
1. Open the layout/theme.liquid and search for </head>.
2. Copy & Paste the following code just before the </head> tag.
3. Save.
<style>@media (max-width: 768px) { .image-gallery-wrapper .keep-spacing .homepage-gallery-grid-item { flex: none; width: 100%; } }</style>
let me know if this works for your. If yes; accept my answer and give me thumbs up! Thank you.
Hey,
No change when I add that!
This is an accepted solution.
hello @boundlove
please Go to Online Store->Theme->Edit code then go to assets/styles.css ->paste below code at the bottom of the file.
@media screen and (max-width: 764px){
.image-gallery-wrapper .gallery-grid .homepage-gallery-grid-item {
width: 100%;
}
}
Thank you SO much!!! It's fixed!
Would you happen to know why a new tab opens every time someone clicks on a product?
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