mv854450 Posted February 21, 2021 Share Posted February 21, 2021 Site URL: https://projektt.io Hi, I would like to adjust the breakpoints for these buttons to prevent them from overlapping as the screen width decreases. By 1200px they get too close together. For reference the buttons have a set width of 150px I have followed the points in these two posts, but haven't manage dot get them working for this particular case: https://forum.squarespace.com/topic/153216-responsive-mode-buttons-problem/ https://forum.squarespace.com/topic/152888-buttons-colliding/ Thank you. Link to comment
tuanphan Posted February 22, 2021 Share Posted February 22, 2021 Hi. It looks fine here. Did you solve this? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mv854450 Posted February 22, 2021 Author Share Posted February 22, 2021 Hello, I didn't solve it for the exact layout I wanted. If you look at the live design on a desktop resolution the buttons are further apart than I would like. Link to comment
tuanphan Posted February 28, 2021 Share Posted February 28, 2021 (edited) On 2/22/2021 at 6:40 PM, mv854450 said: Hello, I didn't solve it for the exact layout I wanted. If you look at the live design on a desktop resolution the buttons are further apart than I would like. Hi. try adding this to Design > Custom CSS /* Buttons spacing */ @media screen and (min-width:991px) { div#block-yui_3_17_2_1_1611566660692_6556 { margin-left: -50px; } } Edited February 28, 2021 by tuanphan Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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