Header contact info

[Pete]

Hi, how can I remove the address portion of the header info and give more room for my email address? Also is it possible to move email to address section with an email icon?

pointtopointinspections.com

[Sonal S Sinha]

Hi Pete,

Header info comes dynamically and also shows on footer. so if you change address and put email id’s it will show on footer also.

Regards,
Dave

[Pete]

Yes I understand where it gets the content. My question is can I change the proportion of the container sizes so my email address does not cut to two lines? Or can I move the email address to the street address portion and change the house icon to an email icon?

[Sonal S Sinha]

Hi Pete,

Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

@media screen and (min-width:980px) {
.header_row{width:700px !important;}
.header_row .column-1{ width:27% !important;}
.column-1.column-2 {width: 47% !important;}
.header_row .column-3{ width:23% !important;}
}

Regards,
Dave

[Pete]

Thanks!

[Sonal S Sinha]

🙂

[sarah]

Thank you for your answer above, that is helpful. How can I right align the header contact info on the home page? Is this more css code?

[Sonal S Sinha]

Hi Sarah,

Kindly show us your website URL.

Regards,
Dave

[sarah]

et-roofing dot com. Thanks.

[Sonal S Sinha]

Hi Sarah,

Your website is in under construction mode.

Regards,
Dave

[Author]

Posts