How to align '3 products' text to the left on mobile view?

MT27 · ‎02-23-2024

hi can you help me align the text that says ''3 products'' to the left for the mobile version only

thank you

URL: https://matibrnd.com/

Pass: biangu

https://matibrnd.com/collections/hoodies

PageFly-Henry · ‎02-23-2024

Hi @MT27

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

@media (max-width: 767px){

menu-drawer.mobile-facets__wrapper.medium-hide.large-up-hide {

display: none;

}

h2.product-count__text.text-body {

text-align: left !important;

margin-left: 50px !important

}}

Hope that my solution works for you.

Best regards,

Henry | 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.

niraj_patel · ‎02-23-2024

Hello @MT27

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

Dan-From-Ryviu · ‎02-23-2024

Hi @MT27

I'm Dan from Ryviu: Product Reviews & QA

You can do that by adding this code to theme.liquid file, after <head> in Online Store > Themes > Edit code

<style>
@media (max-width: 989px){
.facets-container {
justify-content: start !important;
column-gap: 0rem !important;
margin-left: 0 !important;
}
}
</style>

Best Regards,

Dan from Ryviu

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- 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.

How to align '3 products' text to the left on mobile view?

How to align '3 products' text to the left on mobile view?

Community Blog Articles