Help with Top Bar formatting

Home › Forums › All Other Themes › Help with Top Bar formatting

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 29, 2019 at 12:52 pm #120545
    Jennifer BublitzJennifer Bublitz
    Participant
    • Topics: 19
    • Replies: 38
    • Total: 57
    Member since: June 1, 2017

    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?

    April 2, 2019 at 6:04 am #120690
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29718
    • Total: 29718
    Member since: August 16, 2013

    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

    April 3, 2019 at 11:48 am #120859
    Jennifer BublitzJennifer Bublitz
    Participant
    • Topics: 19
    • Replies: 38
    • Total: 57
    Member since: June 1, 2017

    Perfect! Thank you!!!

    April 4, 2019 at 5:09 am #120887
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29718
    • Total: 29718
    Member since: August 16, 2013

    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
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.