How to get header button off burger menu on desktop and mobile

Hi there, how do I keep the button on the header and not in the burger menu on mobile?  I will probably have to make it smaller so it fits. 

https://ballard-inn.squarespace.com/

Didn't understand your question. Can you clarify a bit. 

Right now, the 'Button' selected from the header menu goes to the burger menu on mobile. See the first two images for reference. The third image is how I would like it to look. Thank you!

Amazing! Thank you, as always!

@tuanphan how do I hide it from the desktop mobile pop out as well so it's just in the top right corner?

34 minutes ago, kimmydesign said:

@tuanphan how do I hide it from the desktop mobile pop out as well so it's just in the top right corner?

You mean when desktop burger menu is open >> Hide Book button?

Hello @tuanphan

I have the same issue here https://www.leyogascope.com/ I would like to keep the "reservation" button + the card + the hamburger menu on the mobile version... What would you recommend (I tried your previous code but it didnt work on my end) Thanks!!

On 7/8/2024 at 5:40 PM, leyogascope said:

Hello @tuanphan

I have the same issue here https://www.leyogascope.com/ I would like to keep the "reservation" button + the card + the hamburger menu on the mobile version... What would you recommend (I tried your previous code but it didnt work on my end) Thanks!!

I think I send via email, you can try this code to Custom CSS box

div.header-display-mobile .header-actions-action.header-actions-action--cta {
    display: flex !important;
    position: absolute;
    left: 35px
}

div.header-display-mobile .header-actions-action a.btn {
    font-size: 10px !important;
    padding: 10px !important
}