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

[MT27]

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]

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

[niraj_patel]

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 on theme.liquid

@media only screen and (max-width:767px){ .product-count { align-self: flex-start !important; position: relative; text-align: right !important; width: 40% !important; } }

[Dan-From-Ryviu]

Hi @MT27

I’m Dan from Ryviu: Product Reviews & QA

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

Best Regards,

Dan from Ryviu