Bottons in mobile format - side by side

Site URL: https://www.euwine.wine/products

For desktop version, I was making 2 rows of 5 buttons. However, the mobile version show as 1 column. I would like it to have arangement as desktop version. Have been trying all sort of code with no result.

Please help

51 minutes ago, natt_ac121 said:

Site URL: https://www.euwine.wine/products

For desktop version, I was making 2 rows of 5 buttons. However, the mobile version show as 1 column. I would like it to have arangement as desktop version. Have been trying all sort of code with no result.

 

Please help

Arranging 5 buttons in 1 row needs to reduce the font-size of text. This is my testing arrangement, is it what you mean?

Thank you, thats exactly what i need. somehow, I see only single column on my Iphone. So I need to reduce button size?

some how I already figured it out, thanks for your guide.

Anyway, need anotehr help.

for the longer words in buttons like " new Zealand" anyhow can make it in one line?

and how to reduge the gap between row?

Many thanks in advance

9 hours ago, natt_ac121 said:

some how I already figured it out, thanks for your guide.

Anyway, need anotehr help.

for the longer words in buttons like " new Zealand" anyhow can make it in one line?

 

and how to reduge the gap between row?

 

Many thanks in advance

Have you applied change in your site to continue checking? I 've found that it still remains in the old layout

yes, i about to ask. it is not working as i apply to yui not block-yui. can u advice which #id to apply to? Thanks

Regarding to the selection of id in squaresapce, you can install the extension Squarespace ID Finder

Here are steps to use it:  https://recordit.co/Aj9vXw6rfY
 

37 minutes ago, bangank36 said:

Regarding to the selection of id in squaresapce, you can install the extension Squarespace ID Finder

Here are steps to use it:  https://recordit.co/Aj9vXw6rfY
 

Thanks, need help on section width. not sure how to code it and reduce each collumn width?