Jump to content

Bottons in mobile format - side by side

Recommended Posts

  • Replies 7
  • Views 378
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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?

image.png.4e7a75aa961a7a556b19841a1289c254.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
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

Screenshot 2021-10-16 224313.jpg

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

image.png.e363064c4a4cd1d02e0c34eb164e852a.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

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
 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.