[Resolved] [mobile] using indentation, the font size increases

[jean-marc]

Hi,
I have an other trouble with this theme on my mobile.

When I use indentation, the font size increases.
A sceenshot

Thanks for help 🙂

[Leo]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[jean-marc]

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 🙂

[Fernando]

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.

[jean-marc]

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 😉

[Fernando]

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.

[jean-marc]

OK, I’ll try it
Thank you

[Fernando]

Hope it goes well!

[jean-marc]

It’s work only for the first list block 🙁
It’s don’t work for level 2 and 3 of intentation

[Fernando]

I think you added it incorrectly.

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

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

[jean-marc]

OK I’m not a codeur 🙁
I put the CSS in advanced setting of the block
look what I have

[Fernando]

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;
}

[jean-marc]

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 🙁

[Fernando]

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.

[jean-marc]

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?

[Author]

Posts