Add Phone Number on right side of header Craft Theme

[lakeside-molds]

I would like to add a phone number on the right side of the header ( See Example )

I don't want it to be clickable, only text.

Here is the link to my Craft Theme page:

https://aerbzf-hp.myshopify.com/

I'm familer with editing the code, but just need to know what files to edit and the needed code.

Thank You,

Kent

[lakeside-molds]

Hello,

We are close... but the telephone number is on the left side... and it looks like it created a little extra space under the icon image in the center.

( see image below )

Thanks,

Kent

[TheUntechnickle · Accepted solution]

I get it now. The issue is with the current CSS styling. The header.liquid file needs to be modified as follows:

1. First, find this line in the header.liquid file

<div class="header-phone" style="float: right !important;!impor;!impor\;!i;!;padding: 10px;">​

• Replace it with:

<div class="header-phone" style="position: absolute; right: 20px; top: 80%; transform: translateY(-50%); padding: 10px; z-index: 10;">

This should work 🙂

Shubham | Untechnickle

[lakeside-molds]

That worked Perfect !!    Thank You very much !