Header phone number email alignment

[padgenb]

I have the following code update to the header.phh file. I am not able to get the email address to fit just one line. What else do I need to change?

https://tekrenovations.com/staging/5944/

.header_row{width:610px; float:right; margin:0; padding:0;}
.header_row .column-1{ width:28%; float:left; color:white;}
.header_row .column-1 i{float:left; font-size:30px; color:white; margin:0 15px 0 0;}
.header_row .column-1 span{margin-bottom:2px;}
.header_row .phone-email-info{float:left; width:75%;}
.header_row .column-1 span.hederphone{font:normal 10px ‘Arimo’; color:white }
.header_row .column-1 span.hederphone a{ color:#000000;}
.header_row .column-1 span.hederemailid{font:normal 13px ‘Arimo’; color:#828181;}
.header_row .column-1 span.hederemailid a{ color:#828181;}

.header_row .column-3{ width:30%; float:right; color:#1d1d1d; margin:0 0 0 0; text-align:right;}

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.header_row .column-1 { width:35% !important;}
.header_row .phone-email-info { width:100% !important;}

Regards,
Chris

[padgenb]

You guys are amazing. This is perfect.

[Sonal S Sinha]

🙂

[Author]

Posts