Archived topic

Responsive Font Sizes

7 replies · Started by Paul on July 26, 2016

Viewing posts 1–8 of 8

July 26, 2016 at 2:00 am #212967

Can font sizes be made responsive? Example - setting the site title to 55px in the Customizer has no effect below the breakpoint - that size remains fixed at 30px.

I'd be happy to add my own css as a base to each child theme if you can tell me specifically what would need to be added - searching the parent stylesheet for font sizes is a bit of a pain as the styling is in one single line.

I think this post is related - https://generatepress.com/forums/topic/font-size-default-in-em-instead-of-px/

Thanks,
Paul.

July 26, 2016 at 8:55 am #213066

Hi Paul,

It's at 30px on mobile because of the Mobile Typography settings inside the "Typography" panel.

You should be able to adjust it to whatever you like :)

July 26, 2016 at 2:40 pm #213163

Thanks, I missed that.

July 26, 2016 at 2:53 pm #213175

You're welcome :)

August 11, 2018 at 1:44 pm #645915

Hi, this option for different font sizes based on breakpoints was removed I guess, why is that? I wasn't using GP at the time of this thread.. THX

August 11, 2018 at 2:48 pm #645954

Which one are you looking for?

Some of them have mobile specific setting and some of them don't.

Any chance you can start a new topic if you need further assistance?

Thanks!

August 11, 2018 at 3:12 pm #645959

Thanks, that was quick :0)
Oh so body is not but headings are.. I kind of with they all had options for all three breakpoints.
Maybe I'll start a feature request thread then..

August 11, 2018 at 7:12 pm #646025

body for mobile would be this CSS:

@media (max-width: 768px) {
    p {
        font-size: 10px;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

This archived topic is closed to new replies.

Start building better websites today.