Collection - Mobile Help - Debut Theme

Highlighted
New Member
25 0 0

Hello!

How can I get each product on their own line for mobile only?

https://www.elixirnailcare.com/?_ab=0&_fd=0&_sc=1&key=4115b1fa9ca5915505667af1cf6b798b9bb4e50521cc5b...

Thanks,

Kat

elixirnailcare_0-1594699989242.png

 

0 Likes
Highlighted
Shopify Partner
367 61 88

Hello @elixirnailcare,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file

@media only screen and (max-width: 749px)
.small--one-half {
width: 100% !important;
}

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

 

0 Likes
Highlighted
New Member
25 0 0

Hey @Wahab_Ahmad!

That code broke my page. Is there another code I can try?

0 Likes
Highlighted
Shopify Partner
367 61 88

@elixirnailcare 

1. Go to Online Store->Theme->Edit code
2. Sections->Collection-template.liquid->paste below code at bottom of file

Search small--one-half by ctrl+F

and Remove all these three (small--one-half)

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

0 Likes
Highlighted
New Member
25 0 0

@Wahab_Ahmad  I removed the small--one-half text, but seems it didn't change anything. Screenshot below. DO i need to remove anything else?

elixirnailcare_1-1594861215918.png

 

 

0 Likes