Docs

[jensmith3]

Hello,

My site is on the temporary url of http://103.37.8.129/~mossvale/

I want to add a phone number to the header of this site above the ‘Contact us’ link and also above the fine, grey line.

I have read and tried many of the suggested answers already supplied on this forum but haven’t quite got it.

Any help would be greatly appreciated.

Kind regards,

Jenny

[Friech]

Hi There,

Thanks for writing in! You can add this under Custom > Global JavaScript in the Customizer.

(function($) {
   $('<div class="contact">Contact us: 555-5555</div>').insertAfter('.x-brand');
})(jQuery);

And this on your custom css

.contact {
    display: inline-block;
}

Hope it helps, Cheers!

[jensmith3]

Hello,

Thank you so much. If I wanted to move this to the bottom right corner of the header and change the font size and colour, how would I do this?

Many thanks and kind regards,

Jenny

[Friech]

Hi Jenny,

Please update the css code to:

.contact {
    display: block;
    text-align: right;
    color: rgb(255,137,2);
    font-size: 1.3em;
}

Adjust the color and font-size value where you see it fits.

Hope it helps, Cheers!

[jensmith3]

Hello,

Fantastic, thanks so much.

Kind regards,

Jenny

[Friech]

Our pleasure! we’re happy to assist you with this.

Cheers! 🙂

[Author]

Posts