Brooklyn theme mobile appearance disorder

Solved
CarterSemra
Shopify Expert
33 2 10

Hello friends. In mobile view only, there is such an erratic appearance on the Collections page.  These buttons should be centered in the same line. Can you help me with this?

cheese-world-shop.myshopify.com

Adsız.png

 

dmwwebartisan
Shopify Partner
5741 1310 1685

This is an accepted solution.

@CarterSemra 

Please add the following code at the bottom of your assets/theme.scss.liquid or assets/timber.scss.liquid file

 

@media screen and (max--width: 768px){
#CollectionSection .product-single__variants {margin-left: 23% !important;}
}

 


Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
CarterSemra
Shopify Expert
33 2 10

Hello I added the code. Didn't work

0 Likes
CarterSemra
Shopify Expert
33 2 10

it just happened. The code had two dashes

0 Likes
CarterSemra
Shopify Expert
33 2 10

No, it didn't happen. Now the code has been added. Would you check please

0 Likes
CarterSemra
Shopify Expert
33 2 10

It turned out great when I did 25%. Thank you so much.