Header clickable phone icon

Highlighted
New Member
2 0 0

Hi - I would be grateful for help please with the following issues.

I added my business phone number to my header (Debut theme). Everything looks fine in desktop view but when I switch to mobile view the number appeared way too big and squashed my logo. I reduced the font on the phone number and that helped, but it's still a bit big. I think it would look best if I had the actual number on desktop view and a phone icon on mobile view. Can this be done?

Also, how do I make the number/icon clickable, so that someone can click on it to call (when visiting the website on their mobile)?

(My site is not live yet, I'm still designing it, so it's password access only.)

Thanks,

James

0 Likes
Highlighted

Hello ,
Please share your site url.
So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
2 0 0

Hi - Thanks for your reply. I'm looking for a DIY solution, if possible. The site isn't live yet, so you wouldn't be able to see it...it is password protected. I could send you screenshots, if that would help.

Thanks

0 Likes