Responsive help please :)

Can someone on an iPhone for example please go to alehall.se in portrait view and tell me how to solve Sitename problem where it says Alehall & Kempe Projektutveckling AB.
Thanks :slight_smile:

Using the Climate theme, try adding this custom CSS code to your website:

@media screen and (max-width: 568px) {
    .hero-content {
        padding: 4rem 0.5rem !important;
    }

    .hero-title {
        font-size: 36px !important;
    }
}

That code should work to reduce the padding and title font size on screens less-than 568px wide. Your site title should no longer get cropped. Resulting in something like this:

You can readjust the padding or font sizing further, if you prefer.

3 Likes

Thanks a million times willwood!!

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.