Expanse Theme Collection list image size and number on a row

HazaraBoy
Shopify Partner
9 0 2

Hello everyone,

I am trying to achieve the similar collection list on my website

HazaraBoy_0-1667760129086.png

Here is my current collection list i want those 9 collections in a same row with smaller pictures

HazaraBoy_1-1667760454450.png

here is the link of my webiste: https://naif-market.myshopify.com/

password: seubau

Thanks for your help in advance

 

Replies 4 (4)

PageFly-Richard
Shopify Partner
4287 973 1627

Hi @HazaraBoy 

I’m Richard Nguyen - CRO Expert at PageFly, I’d like to suggest this idea:

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag </body>

 

<style>

.new-grid {

    flex-wrap: unset !important;

    width: 900px !important;

}

</style>

 

Please refer to this screenshot: https://prnt.sc/afpBHc_RJbvN 

Hope you find my answer helpful!

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

HazaraBoy
Shopify Partner
9 0 2

Hi @PageFly-Richard 

Thanks for your reply

 

it's working on PC but didn't work on mobile device !

here is the link of my webiste: https://naif-market.myshopify.com/

password: seubau

 

PageFly-Richard
Shopify Partner
4287 973 1627

it will be too long if horizontally on mobile, so i recommend you to use mobile slideshow instead of current image, or you can add this code so it can be vertically aligned on mobile.

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag </body>

 

<style>

@media(max-width:767px){

.new-grid {

    flex-wrap: wrap !important;

    width: 100% !important;

}

}

</style>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

HazaraBoy
Shopify Partner
9 0 2

Thanks again

 

but it didn't work 😞 for me