Help with Top Bar formatting

[Jennifer Bublitz]

The top bar header wraps strangely on a mobile phone. Do you have any suggestions? If you look at the URL (http://new2.gillitzerelectric.net/), you’ll see the envelope icon appears after the address instead of in fron tof the email address. And the two phone numbers are broken at an inappropriate place. Is there a way to have everything be on its own line? Address on line 1, email on line 2, phone #1 on line 3, phone #2 on line 4, and Facebook icon on line 5?

[Sonnal S Sinha]

Hi,

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

@media screen and (max-width:479px) {
.head-info-area .right { width:61%; margin:0 auto;}
.head-info-area .left span { padding-right:0 !important;}
.head-info-area .phntp { display:block;}
}

Regards,
Dave

[Jennifer Bublitz]

Perfect! Thank you!!!

[Sonnal S Sinha]

Hi Jennifer,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/21/

Regards,
Dave

[Author]

Posts