Header Topbar Content align Social

[ryedalewebman]

Would anyone be able to suggest how I can align header topbar content with the social icons so they are both level on the same line?

http://lowcostamill.uk/wp/

Thanks

[ruenel]

Hello Craig,

Thanks for writing in!

It seems that you have inserted an invalid code in the topbar content. Please have your content updated and use this instead:

<span style="font-size: 20px">Tel: 01751 472050&nbsp;&nbsp;<a href="mailto:[email protected]">[email protected]</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://lowcostamill.uk/wp/index.php/bookings-availability/">BOOK NOW</a>&nbsp;&nbsp;<i class="fa fa-wifi" aria-hidden="true"></i></span>

And then please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-topbar .x-social-global {
    margin-top: 8px;
}

We would loved to know if this has work for you. Thank you.

[ryedalewebman]

Hey, great, thanks, yes that worked fine, with the addition of a few extra spaces. Appreciate the support.

[ruenel]

You’re welcome!
We’re glad we were able to help you out.