Textual Logo Lines Overlapping on Mobile

[info1426]

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

[Forum Moderator]

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

[Author]

Posts