Getting Phone Link to Show in Navigation Bar [MOBILE]

Hello, I'm relatively new to using squarespace and overall it has been straight forward and easy. I'm close to being finished with my desktop version and am now working on the mobile version. I'd like to know if there is a way to create a separate page for mobile (so mobile changes don't effect desktop) and if there's not I'm planning on using CSS to hide blocks for desktop and vice versa. My main issue is I want it to show the phone number in the header on mobile like it does on desktop so my customers will be able to call me from my site with ease. Currently the customer would have to click the drop down menu and then click the call button. I've attached pictures of how it is on my desktop (which is how I'd like it on mobile too) and how it currently is on mobile. All advance is appreciated, TIA.

I've also discovered the Adding a mobile information bar feature. It works but disappears anytime the user scrolls, is there a way to make that where it will scroll with the screen ?

Hi,

What is site url?

https://goby-nectarine-he8d.squarespace.com

Password is abc12345 if needed, I disabled password but sometimes still requires it.

On 5/22/2023 at 8:46 PM, PCP_619 said:

https://goby-nectarine-he8d.squarespace.com

Password is abc12345 if needed, I disabled password but sometimes still requires it.

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.header-actions-action.header-actions-action--cta, .header-actions--right {
    display: flex !important;
}
.header-actions--right a {
    font-size: 10px !important; 
    position: relative;
    left: -70px;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
}

Awesome, Thanks!!!