Filters not visible in mobile version of dawn theme (v11). Only visible on Desktop.

Solved

Filters not visible in mobile version of dawn theme (v11). Only visible on Desktop.

aakashsaha
Tourist
5 0 2

Hi, 

 

The filters are only visible in the desktop version. On the mobile version, I have to hover over an invisible space and click to get the filters. How can I ensure filters are visible in mobile too?

 

I use the search & discovery app. 

 

Thanks!

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
11593 2272 2453

This is an accepted solution.

Please add this code at the bottom of your your base.css file in Online store > Themes > Edit code to solve the issue 

.mobile-facets__open {
color: inherit !important;
}

Screenshot_1.png

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

View solution in original post

Replies 11 (11)

Dan-From-Ryviu
Shopify Partner
11593 2272 2453

Hi @aakashsaha 

Please drop your store link here to check

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

aakashsaha
Tourist
5 0 2

www.asmah.co

 

This is only happening in the mobile version. Thanks

Dan-From-Ryviu
Shopify Partner
11593 2272 2453

This is an accepted solution.

Please add this code at the bottom of your your base.css file in Online store > Themes > Edit code to solve the issue 

.mobile-facets__open {
color: inherit !important;
}

Screenshot_1.png

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

aakashsaha
Tourist
5 0 2

Thank you! Its working now.

Dan-From-Ryviu
Shopify Partner
11593 2272 2453

Welcome, @aakashsaha 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

pankhhari
Tourist
10 0 1

Filters not visible in mobile version of dawn theme (15.1.0). Only visible on Desktop.
Pls guide

I added this code.. but it changed the colour to opacity green

Dan-From-Ryviu
Shopify Partner
11593 2272 2453

Hi @pankhhari 

Could you share your store link?

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

pankhhari
Tourist
10 0 1
Dan-From-Ryviu
Shopify Partner
11593 2272 2453

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

@media (max-width: 749px) {
.mobile-facets__open {
color: #414e28 !important;
}
.menu-opening .mobile-facets__inner {
background: #fff !important;
}
}

Screenshot 2024-10-02 at 13.37.39.png

Screenshot 2024-10-02 at 13.37.45.png

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

pankhhari
Tourist
10 0 1

You have no idea how thankful I'm to you for this.
Thank you again.

Dan-From-Ryviu
Shopify Partner
11593 2272 2453

Happy I could help! 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.