Mobile Layout (3-4 images in a row)

Site URL: https://www.greenskeeper.shop/

Hello,

I hope someone can help me. I've been trying to fix the mobile view and I tried the ones suggested by others in this forum however it still doesn't do it.

Website is: https://www.greenskeeper.shop/

I'd like to be 4 images in a row or at least 2 on all pages. Please help.

Add to Home > Design > custom CSS

@media screen and (max-width:767px) {
div#page-section-5f66a9e30587154ff870f015 .span-12 .span-3 {
    width: 50% !important;
    float: left !important;
}
}

On 9/21/2020 at 11:12 AM, tuanphan said:

Add to Home > Design > custom CSS

@media screen and (max-width:767px) {
div#page-section-5f66a9e30587154ff870f015 .span-12 .span-3 {
    width: 50% !important;
    float: left !important;
}
}

 

Hi! Thank you for this!!! It worked great on the homepage.

Do you have code for other pages like the store page to have 2 columns or 3 columns and 3 rows? I appreciate it.

On 9/23/2020 at 1:50 AM, Ella7 said:

Hi! Thank you for this!!! It worked great on the homepage.

Do you have code for other pages like the store page to have 2 columns or 3 columns and 3 rows? I appreciate it.

I see store pages, 2 images/row here. You want 3 images/row?