How to stack multiple buttons vertically for desktop

Can someone please help me figure out how to get these three buttons to stack vertically in my site header using code? I used code to create 2 of the 3 buttons. On desktop, I have to zoom out very far to see all three buttons. They look fine on mobile. 

https://chipmunk-bell-rjrp.squarespace.com

Password: deeproots123

On 1/18/2024 at 12:01 PM, kbw2024 said:

Can someone please help me figure out how to get these three buttons to stack vertically in my site header using code? I used code to create 2 of the 3 buttons. On desktop, I have to zoom out very far to see all three buttons. They look fine on mobile. 

https://chipmunk-bell-rjrp.squarespace.com

Password: deeproots123

You can add this code to Website Tools (under Not Linked) > Custom CSS

.header-actions .header-actions-action--cta {
    display: flex;
    flex-direction: column;
}

It appears you are using some really old code of mine. I suggest removing it and using to code cited in the following post.

The recent code has settings for column and row orientation.

Let us know how it goes.

ah. which code specifically from that post should i use? since there's eight pages of comments, i'm not sure where to pull from. 

11 hours ago, kbw2024 said:

ah. which code specifically from that post should i use?

I pointed right to it but if you are not being taken there then look for my September 10, 2020 post in that thread.

Got it. I see the post and updated the code but the problem persists. I'm wondering if maybe I've got some of the old code somewhere that I'm overlooking. Would you mind taking a look?

1 hour ago, kbw2024 said:

I see the post and updated the code but the problem persists.

I see no signs of my latest code and the old code is still installed.