Nuron: Mobile Text Size is Too Small - Nowhere In The The Settings To Adjust The Mobile Font-size? - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Nuron: Mobile Text Size is Too Small - Nowhere In The The Settings To Adjust The Mobile Font-size?

N

Neil

Template 1 year ago

I have a site using Nuron and the body text size is set to 16px in the template settings. This is great on the pages on desktop and tablet, but when on a phone the font size is too small.

Any idea on how I can adjust this in the settings or with some custom CSS?

Many thanks

0
5 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #141227

HI Neil,

  1. Template Options > Typography > Body
  2. Now on top bar click "Mobile" icon
  3. In in Body change "Size" (font-size) for example use value 16 [px]

info_1965_2023.jpg

That's all

0
N
Neil
Accepted Answer
1 year ago #141299

Hi Paul,

Ah! I didn't spot the mobile and tablet up there - thanks for the help.

I have managed to sort that out now.

I tried changing the H1, H2, H3 sizes on each of the formats and it doesn't seem to make any difference?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #141302

If those H1, H2, H3 were set in SPPB you have to change in SPPB.

Templates settings are general.

0
N
Neil
Accepted Answer
1 year ago #141332

They were not set in SPPB

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #141334

in that case try custom CSS, for example for Mobile:

@media screen and (max-with: 680px) {
h1, h1.article-details-title {font-size: 2.5rem !important; }
h2  {font-size: 2rem !important; }
}

remember that styles are used also from bootstrap!!

more guides in net

0