Layout issue on collection pages on tablet view

gwilliams
Pathfinder
120 0 32

Hello

I have noticed that on tablet view there are some layout issues on the collection page (see link below and screenshot as some products are not on the same line (should be 3 products on 1 line).

https://display-sign.co.uk/collections/chalkboards

Screenshot 2021-06-24 at 10.09.04.png

0 Likes

Hi @gwilliams , i see that you are using app for filters, app support has to help you with this issue.
But you can try to add such css code in the bottom of your theme.scss file:

 

.boost-pfs-filter-right .boost-pfs-filter-products{
    display: flex !important;
    flex-wrap: wrap !important;
}

 

 It should help you, but do not forget to duplicate your theme before implementing changes to the code ; ) 

0 Likes
Pallavi
Shopify Expert
2170 353 462

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

@media screen and (max-width: 991px){
.boost-pfs-filter-right .boost-pfs-filter-products {
    display: flex;
    flex-wrap: wrap;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes