Birds Eye 2 Theme - Header Text broken up on mobile view

[Collin_S]

I am having trouble with the header title/ headline resizing or fitting on mobile view compared to desktop view. The desktop view looks great but the mobile view bigger words get split up. Any way to fix this without changing the size of the desktop font?

http://preview.rytechllc.com/78amhc.0763d2c7516f54b7ac39e898c7cbe04b

[Adam7]

Is that site using a custom theme, @Collin_S?

[Collin_S]

Yes, but the only changes to the site have only been color changes to the nav bar and footer.

[Collin_S · Accepted solution]

I found a solution to this problem: The code below needs to be added to the bottom of your main css file:

@media (max-width: 992px) {
    body.header-page {
    font-size: 40% !important;
    }
}