Custom-width buttons overlapping at smaller widths

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.

Hi. It looks fine here. Did you solve this?

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.

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;
}
}