Jump to content

Getting Phone Link to Show in Navigation Bar [MOBILE]

Recommended Posts

DesktopScreenshot2023_05.15-11_30_27_79.thumb.png.d3f982c0add88ae4bf69a2b24b0d4ec7.pngHello, 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.DesktopScreenshot2023_05.15-11_22_46_65.thumb.png.0bad7ba540b5ac843a1a73344a982a4d.png

Link to comment
  • Replies 5
  • Views 339
  • Created
  • Last Reply

Top Posters In This Topic

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

image.thumb.png.ae449619958515d3a06d632f5b2b0419.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.