salondaome Posted February 23, 2023 Share Posted February 23, 2023 (edited) I have two buttons side-by-side that seem to be overlapping when the screen size is reduced. What code can I use to prevent it from happening? Thanks! Edited March 9, 2023 by salondaome Link to comment
tuanphan Posted February 27, 2023 Share Posted February 27, 2023 Hi, What is page url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
salondaome Posted March 1, 2023 Author Share Posted March 1, 2023 (edited) @tuanphan woops totally forgot the URL! Edited March 9, 2023 by salondaome Link to comment
tuanphan Posted March 6, 2023 Share Posted March 6, 2023 #1. You try changing top section to Classic Section & check again #2. If you don't want to change to Classic, which screen sizes do you see problem? We will use code to make space between both Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
salondaome Posted March 6, 2023 Author Share Posted March 6, 2023 @tuanphan I'd like to keep using the Fluid Engine for this section! I don't know what the exact screen size is, but less than 1200px width and the buttons definitely start to overlap - such as in the default Squarespace dashboard view when the left side panel is taking up some of the width in a browser. Link to comment
Solution tuanphan Posted March 8, 2023 Solution Share Posted March 8, 2023 On 3/6/2023 at 9:14 AM, salondaome said: @tuanphan I'd like to keep using the Fluid Engine for this section! I don't know what the exact screen size is, but less than 1200px width and the buttons definitely start to overlap - such as in the default Squarespace dashboard view when the left side panel is taking up some of the width in a browser. Add to Design > Custom CSS @media screen and (max-width:1250px) and (min-width:900px) { .fe-block-0d97173bcfd3c5115685 { position: relative; right: -70px; } } salondaome 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (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