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
  • #120545
    Jennifer Bublitz
    Participant
    • Topics: 14
    • Replies: 25
    • Total: 39
    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?

    #120690
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22375
    • Total: 22375
    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

    #120859
    Jennifer Bublitz
    Participant
    • Topics: 14
    • Replies: 25
    • Total: 39
    Member since: June 1, 2017

    Perfect! Thank you!!!

    #120887
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22375
    • Total: 22375
    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.