UURTH Posted February 28, 2022 Share Posted February 28, 2022 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. Link to comment
Caroline_Smith Posted February 28, 2022 Share Posted February 28, 2022 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; } } UURTH 1 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
UURTH Posted March 1, 2022 Author Share Posted March 1, 2022 Worked like a charm, thank you so much! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment