Annie12345

3 hours ago, tuanphan said:

With tablet, just edit 640px to 900px

WIth 2 columns, it will be ugly. If you still want 2 columns, remove above code & add this new code

@media screen and (max-width:640px) {
div#page-61ec020b6aa1be77c4b26ef1 .span-4 .image-block {
    width: 50% !important;
    float: left !important;
    padding: 0 !important;
    clear: none !important;
    margin: 0 !important;
}
div#page-61ec020b6aa1be77c4b26ef1 .span-4 .image-block:nth-child(2n+1) {
    clear: left !important;
}}

 

Thank you @tuanphanplease can I also have the same spacing between the images though with the x2 columns

23 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Keep mobile layout */
@media screen and (max-width:640px) {
div#page-61ec020b6aa1be77c4b26ef1 .span-4 {
    width: 33.3333% !important;
    float: left !important;
}}

 

Thank you @tuanphan this worked but I now have x3 columns on mobile is It possible to have x2? and for it to work on tablet/ipad as well?

Thanks - Annie 

Hi @tuanphan

I am looking to change the stack on my mobile version to two images side by side rather than one on top of each other  I am using a new version of the wells theme, please can you help please? My url is www.annienoble.co.uk 

Thanks, 

Annie