Outlast-Creative Posted December 13, 2021 Share Posted December 13, 2021 Site URL: https://buryvanhire.squarespace.com/under-construction-temp-homepage Hi all, Can someone please help me with a problem I'm having with the alignment of my buttons on desktop and mobile. I want them to be on the same line but it's proving difficult. Any help would be much appreciated. Password: test123 Link to comment
Solution Beyondspace Posted December 13, 2021 Solution Share Posted December 13, 2021 1 hour ago, Outlast-Creative said: Site URL: https://buryvanhire.squarespace.com/under-construction-temp-homepage Hi all, Can someone please help me with a problem I'm having with the alignment of my buttons on desktop and mobile. I want them to be on the same line but it's proving difficult. Any help would be much appreciated. Password: test123 Try adding to Home > Design > Custom Css #block-yui_3_17_2_1_1639174066624_15567 a, #block-c2c58944f06ef98f96f2 button { line-height: 1; box-sizing: border-box; text-align: center; width: 100%; } Let me know how it works on your site Support me by pressing 👍 if this useful for you Outlast-Creative and tuanphan 1 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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
Beyondspace Posted December 13, 2021 Share Posted December 13, 2021 My testing result Desktop Mobile BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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
Outlast-Creative Posted December 14, 2021 Author Share Posted December 14, 2021 @bangank36 Thank you, it works on desktop but the mobile view still has the buttons on top of each other. If this is the best we can get then it's no problem. But it would be nice to have the two buttons side by side. Link to comment
Beyondspace Posted December 15, 2021 Share Posted December 15, 2021 Can you replace call with number with just call us? Try @media only screen and (max-width: 767px) { #block-7648514dc177f5516b84 + .row > .span-6 { width: 50% !important; float: left !important; } } Hope it helps BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment