[Support request] Font resizing for responsive

[TWMA Support]

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

[Leo]

Hi there,

Same note here: https://generatepress.com/forums/topic/smooth-scroll-5/#post-603715

Let me know 🙂

[Leo]

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/

[Author]

Posts