Textual Logo Lines Overlapping on Mobile

Home Forums Kraft Theme Support Textual Logo Lines Overlapping on Mobile

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #158116
    info1426info1426
    Participant
    • Topics: 25
    • Replies: 10
    • Total: 35
    Member since: December 2, 2018

    I am using the SKT Kraft Pro theme and I’m having issues with the textual logo. It looks fine on desktop when it is all on one line, but when it converts to two lines on a mobile device the lines are overlapping each other. No matter what size font I use the issue persists. What can I do to correct this issue?

    Website is https://pike-health.com/

    Thanks so much,
    Sharon Alexander

    #158164
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30962
    • Total: 30962
    Member since: August 16, 2013

    Hi,

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

    Add this code there:

    @media screen and (max-width:479px) {
    .header .header-inner .logo h1 { font-size:30px; line-height:36px !important;}
    }

    Regards,
    Chris

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