How to right align header items ?

[Rachel Kirk]

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

[Sonl Sinha]

Hi,

Kindly show us your website URL please?

Regards,
Dave

[Rachel Kirk]

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

thanks

[Sonl 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 Kirk]

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

[Sonl 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 Kirk]

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

[Rachel Kirk]

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

[Sonl Sinha]

Hi,

Kindly use this CSS to add top padding.

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

Regards,
Dave

[Author]

Posts