Mobile View - REMOVE Gap between filter options and products on Product Grid

Mobile View - REMOVE Gap between filter options and products on Product Grid

Saaah
Visitor
1 0 1

IMG_2052.png

Hello!

 

I’m trying to remove the gap between the filter options and the products showing below. Could you please help with this?

theme: Craft

Website: saaah.org

 

thank you! 

Replies 2 (2)

KetanKumar
Shopify Partner
37595 3668 12156

@Saaah  oh sorry for this issue 

can you try this code its  work on mobile 
1. Go to Online Store->Theme->Edit code
2. Asset->/component-facets.css ->paste below code at the bottom of the file.

@media(max-width: 749px){.facets__form {display: flex;flex-wrap: wrap;}}

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Dan-From-Ryviu
Shopify Partner
11319 2214 2383

Hi @Saaah 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

.facets.small-hide { display: none !important; }

Screenshot 2024-10-14 at 15.54.12.png

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.