How to change the font size for mobile site

hello!
i love this theme sydney and working on our HP right now.
i have a few question about the mobile site.
our PC site looks ok, font size is perfect, easy to see.
but when i open our site on mobile (we are using iPhone7), the texts are not properly aligned, fonts are too large, and the indentations are awkward.

what do we need to do in order for the website to automatically resize and realign the text?
(i know sydney theme already has that function but seems like its not working well…)

Hello @askquestions,

  1. Can you please provide a link to your website?

  2. Can yo please specify what exactly you want to achieve?

Kind Regards, Roman.

Hello.

Thank you so much for your kind reply.

our website is here

well, its kind of hard to explain…
since we are only using Japanese character, so its a bit different look from Eng site.

on our homepage for PC, every sentence looks perfectly ok.
the line looks perfect so we can read easily.
but when i open our site on mobile (we are using iPhone7), the texts are not properly aligned, fonts are too large, and the indentations are awkward.

lets say…(its not in Eng, but if i translate in Eng it’ll look like this)

(PC)

Hello! Welcome to our page.
i’d like to introduce our company first.
Thank you so much!

(mobile)

Hello! Welcome t
o our page.
i’d like to intr
oduce our compan
y first.
Thank you so mu
ch!

its not easy to read…

So I want to make it like this by controling the line break

(mobile)
Hello!
Welcome to our page.
i’d like to introduce
our company first.
Thank youso much!

so how do we insert a line break on mobile site?

Hello @askquestions,

It looks like you have three separate issues: the texts are not properly aligned, fonts are too large, and the indentations are awkward.

Please create a separate topic for each issue in order to make it easier to help you and try to be as specific as possible.

Kind Regards, Roman.

Hello.

Thank you for your reply.
Actually, I want to ask you how to set different font size on the each row with using CSS.
for example, i use 18px font size all the time on the PC site.
but i want to use different font size on each row for the mobile/iphone site.
how can I set it?

Hello @askquestions,

Can you please specify the row and desired font size?

Kind Regards, Roman.

We actually figured out how to change the font size. thank you.

This time, could you kindly tell us how to add following items on “post” news page?
When you take a look at my page NEWS page here the title bar and the custom menu bar cannot be added.
For the other pages, I can add the title bar and the custom menu bar using the layout builder in Pages.

i want to know how to…
1)add a side bar to News page
2)add a layout builder to News page

thank you!

Hello @askquestions,

Please create a new topic for this issue to keep forum in good order and make it easier to help you.

Kind Regards, Roman.