Jump to content

Custom Button Arrangement on Mobile

Recommended Posts

Site URL: https://www.uurth.co/

My website is www.uurth.co.

I'm having a problem with the way buttons are displayed on mobile vs. desktop.

On desktop the buttons are arranged exactly as I would like them to appear: side by side.

When translated to mobile, the buttons are awkwardly misaligned, as you can see in the images attached.

Are there any custom fixes to the way these buttons can be arranged?

Thanks in advance.

Homepage.png

Mobile.png

Link to comment

Try this code snippet. Note that this might need to be modified if you end up adding more content to that page section.

@media(max-width: 768px) {
[data-section-id="617af0326e6be871556ccee4"] .row.sqs-row {
    display: flex;
}
}

 

Feel free to email me with any customization inquiries or questions you may have!

Free Squarespace Resources: DevTools Minicourse,  11-Step Guide to Improve Custom CSS, Free Product/Pricing Comparison Table Generator

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.