Mobile Phone Display

Hi again.

I like the font size on the website; however, when viewed on a mobile phone, the font isn’t legible. Is there a way that I can make the font bigger on mobile phone display without changing the font on the website?

Thanks

fabfourfashion.com

Hi, it depends in which sections of your site you want to increase it. You can apply custom CSS code. Simplest one is this:

@media (max-width: 768px) {
	article {
		font-size: 20px;
	}
}

It will increase font size for all displays up to 768 px in width for articles.

If you want to be more specific read here about it.

Thanks.

Alternatively, how would I go about having a mobile version?

Well, you already have mobile version, but you don’t like font sizes.

@media (max-width: 768px) {
	...
        ...
        ...
}

Replace dots with CSS selectors (all changes you want to made) on devices up to 768 px. Like font sizes, headings, paragraphs…

Read about CSS selectors