[mobile] using indentation, the font size increases

Hi there,

Any chance you can link us to the page in question?

You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know :)

Hi Leo
the link is : https://formations-digitales.fr/audit_lms/
No problem on Pc broswer (firefox, Opera..)
In mobile with Duckduckgo you have the screeshot. With firefox, Opera: no problem.
It's look like a browser mistake?
Thank for your help :-)

Hi Jean-marc,

I tested on my end on mobile with Google Chrome, and I couldn’t replicate the issue.

You're right, it may be a browser related thing. I’m not seeing any CSS that should cause this from my end.

Hi Fernado,
it's ok. No way with this mobile browser :-(
I'll write a warning on my site for Android mobile users. Someting like ''For a best experience use Firefox, Opera, Brave, Chrome mobile browser... ''
I let the GP Team work on this.. For a future release ;-)

Not sure if that browser adds CSS that causes this. What you can do is add a custom CSS and use !important so that it takes precedence over that potential CSS source.

For instance, if you place the List within a GB Container Block with a custom class of set-list-font.

Then add this CSS:

.set-list-font li {
    font-size: 15px !important;
    font-weight: 400 !important;
}

With this, perhaps the potential cause will be overridden hopefully.

OK, I'll try it
Thank you

Hope it goes well!

It's work only for the first list block :-(
It's don't work for level 2 and 3 of intentation

I think you added it incorrectly.

Just add set-list-font to the class list.

Then add the CSS in Appearance > Customize > Additional CSS.

OK I'm not a codeur :-(
I put the CSS in advanced setting of the block
look what I have

I see. In there, where the arrow is pointed, just place this: set-list-font

After that, go to Appearance > Customize > Additional CSS, and paste this there:

.set-list-font li {
    font-size: 15px !important;
    font-weight: 400 !important;
}

I placed set-list-font in each advance setting block
I put in Appearance > Customize > Additional CSS

.set-list-font li {
    font-size: 15px !important;
    font-width: 400 !important;
}

I purged all caches

no changement on my mobile :-(

I see. If that’s the case, it may already be a browser issue indeed. Have you tried clearing that browser’s cache?

I also updated the code I provided. You can try that one last time.

Have you tried clearing that browser’s cache? Yes I did it withot succes

I also updated the code I provided. what code are you talking about?