Problems on smartphone font-sizes

[ezio2000]

Web site with two languages:
-english (default)
-italian

I want to increase the font-sizes in smartphones, both portrait or landscape orientations:

Code: Select all

@media only screen and (pointer: coarse) {
	.benvenuto {
		font-size: 16px;
	}
} 

"benvenuto" is a custom class with default font-size 12 px, good for desktop monitors.

On smartphone code works perfectly in the english language, while in the italian lang in both orientations I get font-size 12 px.

Note: also with the test-code:

Code: Select all

@media only screen and (max-width: 720px) {
	.benvenuto {
		font-size: 16px;
	}
}

with smartphone in portrait orientation setting the italian lagnuage font-size remains 12px.

[Per Yngve Berg]

Not much we can do without a Link.

Use "Inspect Element" in your browser to see what is going on.

[ezio2000]

Not much we can do without a Link.

True.

But I can't post the link since the site contains some utilities for poker online and one administrator sent to me a private message warning that links to "adult content" are prohibited.

Use "Inspect Element" in your browser to see what is going on.

I really don't know what inspect: the class "container-search" to select languages is the original one of Cassiopeia and the custom class "benvenuto" is identical for both languages.

*** EDIT ***

Suddenly everything started working again on both sites.
I kindly ask the moderator to delete the post.

[AMurray]

use "em" or "rem" instead of px for your font size.

The post will be here for others benefit and not removed.