JimP Posted February 14 Share Posted February 14 When adding buttons to a page (section), they do not stay positioned in the page. When I add them to the page using a 16" display, they look correct. However if I change the size of the browser window to be smaller, the button will move into the middle of the text directly above it. The text on the page scales correctly, however the button which is within a section (has text) move all over the place. Buttons which I have in a separate section below the section above, do scale correctly. Link to comment
Ziggy Posted February 14 Share Posted February 14 Can you share your website URL and the page this is happening on? Can you also add a couple of example screenshots? Thanks! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
JimP Posted February 14 Author Share Posted February 14 Here is an image with the button properly positioned, but when I change the size of the window, even just a little but, the button moves up into the middle of the text. Link to comment
Ziggy Posted February 15 Share Posted February 15 My guess is that you have the button block and text block overlapping, so when the text breaks to more lines on narrower screens the text stretches below and independently of the button position. If you share your website I won't have to guess, and I can help more, thanks! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
DCcap Posted Thursday at 12:29 AM Share Posted Thursday at 12:29 AM i have the same problem. when i resize the browser, the button doesn't resize and it all gets compressed. my website. www.dcpartners.capital/home-1 Link to comment
Ziggy Posted Thursday at 09:32 AM Share Posted Thursday at 09:32 AM 8 hours ago, DCcap said: i have the same problem. when i resize the browser, the button doesn't resize and it all gets compressed. You are using the button block set to fill, that means that it takes up the allotted number of columns in the desktop view. those 24 columns span from the maximum content width to the just before the mobile switch, so the columns have to vary in their width and hence the button varies as well. You can try setting the button to fit and then make the block much wider and the button will maintain it's proportions based on the padding. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
DCcap Posted Thursday at 05:57 PM Share Posted Thursday at 05:57 PM are you talking about this? It was on Fit previously. Link to comment
Ziggy Posted yesterday at 10:55 AM Share Posted yesterday at 10:55 AM Yes, if you set the button to left aligned and then make the block (bounded in blue) wider (as wide as possible) so that on smaller screens it doesn't get squashed. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? 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