Hi -
Debut Theme, Home Page
I have a custom content section with 2 image blocks. The first block has 3 images. The 2nd block has 1 image.
It displays fine on Desktop.
See below - The first block with App store icons, those are individual images, each with its own hyperlink.
2nd block (screenshots) is all one image.
On Mobile, they stack funny:
I would like to keep the App store icons on one line, and the screenshot image on the 2nd line (just like desktop).
Any ideas?
Thanks in advance!!
@j_j_j
Hello,
Can You Please Share Your Store URL…
Hi [email removed]J_j_j
I am Richard Nguyen from PageFly - Advanced Page Builder. I would love to give you some recommendations.
Go to Online Store > Themes > Edit Code >theme.liquid > paste this code before element
@media (max-width:767px){ .custom__item.custom__item--image:nth-child(3),.custom__item.custom__item--image:nth-child(5),.custom__item.custom__item--image:nth-child(7){ max-width:33.33% !important; width:33.33% } }Best Regards;
Richard-pagefly
You are awesome! Works perfectly! Thanks so much for the quick reply!!!
I glad when can help you 
Thanks again.
Ok, let’s see if there is a solution for this: Your solution fixed my problem, but it seems to have created a new unexpected problem.
Same page as before.
Top of homepage, there is a custom content block with an image that is supposed to stay centered in the middle.
It works properly on desktop:
But when window resized to a smaller size, and to the smallest size, and on mobile, the image gets unusually small and is aligned on the left margin. See below:
I also have a 2nd custom content area on the page, and the same thing is happening with another image.
Sorry to ask for help again!
