Site logo

Archived topic

Font resizing for responsive

2 replies · Started by TWMA Support on June 19, 2018

Viewing posts 1–3 of 3

Hi

As you can probably tell responsive styling is not my strong suit.

On the http://176.32.230.47/luxurylondonguy.co.uk/ I am having difficulty getting the font to respond to various browser widths and mobile. The client is also using a Macbook 12" (maybe 13") and I have no idea of the break points for that either. Also the first section text does resize on mobile but not well.

How do I get the text to respond decently irrespective of browser size or device.

Simple probably but just something I always struggle with.

Thanks

This is all personal preference so there isn't really a way to make it response correctly.

You can change text size using media query like this though:

@media (max-width: 768px) {
    .home-services p {
        font-size: 10px
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .home-services p {
        font-size: 15px
    }
}

More info here: https://docs.generatepress.com/article/responsive-display/

This archived topic is closed to new replies.