I hate how my Wexley website looks on mobile and tablet! ☹️

I really like how my Wexley 7.0 site looks on desktop - 3 columns of images. On mobile however, it becomes a single column of larger images that takes about a day to scroll through. Plus my careful curation of the images' order goes out the window. Is there any way to change this so I can have 2, or even 3, columns of smaller images on mobile and tablet? Thank you!!

Hi,

You can share your site url, we can give some code to show 2 or 3 columns on mobile/tablet

Thank you very much! it's https://mollyhill.squarespace.com/

18 hours ago, mollyhilldrawing said:

Thank you very much! it's https://mollyhill.squarespace.com/

 

 

Add to Website > Website Tools > Custom CSS

/* Mobile */
@media screen and (max-width:640px) {
div#page-64c801cf72856f2706cc41f4 .row {
    column-count: 2;
}
}

Really wonderful. That worked. Many thanks! 

Actually - I have a follow-up question. Do you know why the top picture of the second column (when viewed on mobile and tablet) is splitting across the bottom of the first column and the top of the second columns? 

Re-ordering the images didn't help, and neither did inserting a spacer to try and bump the drawing into the next column. Any advice would be great! 

16 hours ago, mollyhilldrawing said:

Actually - I have a follow-up question. Do you know why the top picture of the second column (when viewed on mobile and tablet) is splitting across the bottom of the first column and the top of the second columns? 

Re-ordering the images didn't help, and neither did inserting a spacer to try and bump the drawing into the next column. Any advice would be great! 

Yes. That code will change order on mobile. If you need it in correct order will require some script code (need a Business Plan or higher). Do you use Personal, Business or Commerce Plan?

I just have a Personal Plan