Hi there, I don’t know if anyone else has struggled with this, but my CVIT website looked great on the computer, but not so great on mobile. The banner text was too big and words spanned rows.
I played with it and solved the problem by adding a bit of customization to shrink the mobile font and allow the banner content text to go full-width. If anyone is interested, here’s what worked for me:
1. From your dashboard, go to Appearance > Customize.
2. Scroll down to Additional CSS.
3. Copy and paste the following text:
/* change banner font sizing on mobile */
@media only screen and (max-width: 767px)
{.banner–content h2 {
font-size: 24px;
}
}
/* change banner width sizing on mobile */
@media only screen and (max-width: 767px)
{.banner–content-right,
.banner–content-left {
width: 100%;
}
}
PS: You may want to play with the font-size value a little; 24px is just what looked best for my purposes.