Non-default text sizes don't scale with window size!

[SamM1]

Hi folks.

How is it that, while the default weebly text size scales (shrinks) as you reduce the width of the screen, any other text size does not scale (ie after pressing the + - text size buttons)? Is there a way around this?

It seems to be an issue deeper than just the theme I am using, since any changes I make to the theme css @ media don't work.

It makes it very hard to design a site that looks good on a desktop and a mobile phone - text just ends up being too large when viewed on the latter.

Anyone think they can help me out? A lot of people must have the same issue.

Cheers,

Sam

[BJ5]

If you're adding CSS overrides you might need to add an !important declaration to your changes. There's other CSS that isn't included with the theme which might be overriding your changes.

[localpathcomp]

Post the link to your site so we could tell you exactly which class to hit and the media queries to use. I agree with the other post that specificity is probably your issue.

[lachiewatson]

Hi there Localpathcomp - I am having the same issue as above, where the text etc. is not resizing for mobile display.

I used code as below, and this reduced the first 'Paragraph Title', but not the others...nor the text. Happy to email you the code / screenshots?

Very much appreciate the time! This is the last piece of the puzzle.

Cheers,

Lachie

[localpathcomp]

Sure. services@localpathcomputing.com

[KT23]

I have the same issue.  When I view my sites on mobile, the line spacing doesn't adjust and the font size stays the same, so it always looks too big and never formats well.  Are there any specific templates that address this issue?