How to adjust CVIT headline on mobile (solution)

  • Home
  • Topics
  • How to adjust CVIT headline on mobile (solution)
  • Support OnlineSat-Thu / 9:30am - 5:30pm (GMT +6)
  • Your Time Our Time

Support Home Support Home CVIT WordPress Theme How to adjust CVIT headline on mobile (solution)

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #7182
    Heather Smirle
    Participant

    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.

    #7191

    Hi Heather,

    It’s really appreciated if anyone needs this.

    Best Regards,
    ThemeLooks Support Team

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