How do I add my phone number to the header of the website

vcockerham2002
Tourist
26 0 1

I would like to add my phone number to the top of my website on the same line as my logo.  Hopefully it can be clickable on mobile.

 

Replies 2 (2)

PageFly-Theodor
Navigator
487 66 74

Hi @vcockerham2002 ,
This is Theodore from PageFly - Shopify Page Builder App.


You can add your clickable phone number next to your logo on your Shopify website in two ways:

1. Theme Editor (Beginner-friendly):

Go to your theme editor and find the section responsible for the header/logo.
Add a new section like "Text" and enter your phone number with a label.
Click the "Link" button and enter "tel:your-phone-number" to make it clickable on mobile.
Save your changes.
2. Code Editing (Advanced):

Edit the theme code and locate the logo section.
Add HTML and CSS code to display your phone number as a clickable link next to the logo.
Save your changes.

 

Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

vcockerham2002
Tourist
26 0 1

Thank you, I tried the beginner way but it wont go on the same line as my logo.  I can only add an announcement bar in my header section not test?

vcockerham2002_0-1709564581190.png

  This is what i want it to look like:

vcockerham2002_1-1709564622489.png