How to right align header items ?

[Rachel]

Theme:SKT Design Agency pro

I’d like to move the email & phone contact details to align to the right. The code I’m using for them is;

<i class=”fa fa-envelope” aria-hidden=”true”></i> [email protected] <i class=”fa fa-phone fa-1x”></i> 020 8138 1805 (freephone)

https://www.thenestsouthwark.org.uk/

thank you

[Sonnal S Sinha]

Hi,

Kindly show us your website URL please?

Regards,
Dave

[Rachel]

hi, sorry, I thought I had. https://www.thenestsouthwark.org.uk/

thanks

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.head-info-area .right { float:left !important;}
.head-info-area .left { float:right !important;}

Regards,
Dave

[Rachel]

hi, thanks but, that just floats the block, it doesn’t align the phone no & email to the right.

I what them to be aligned to the right, under the Southwark logo.

Also, can you give me the code to add to this image code, to allow me to add some padding to the top if the image please?

thanks

[Sonnal S Sinha]

Hi,

Okay, Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] Please mention this forum URL while replying so that we understand what needs to be done.

We’ll check and revert back to you.

Regards,
Dave

[Rachel]

hi Dave, I have emailed you the details you require. Thanks

[Rachel]

hi, thanks for right aligning the text in the header. However you haven’t responded to my other request.

Can you give me the code update to add to this image code (below) to allow me to add some padding to the top of the image please?

thanks

[Sonnal S Sinha]

Hi,

Kindly use this CSS to add top padding.

.head-info-area .left {
    padding-top: 30px;
}

Regards,
Dave

[Author]

Posts