Brooklyn theme mobile appearance disorder

[CarterSemra]

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

[dmwwebartisan · 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!

[CarterSemra]

Hello I added the code. Didn't work

[CarterSemra]

it just happened. The code had two dashes

[CarterSemra]

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

[CarterSemra]

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