Archived topic
Font resizing for responsive
2 replies · Started by TWMA Support on June 19, 2018
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
Hi there,
Same note here: https://generatepress.com/forums/topic/smooth-scroll-5/#post-603715
Let me know :)
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/