Hi Support,
Usually the two smallest screens can use the same device but for some reason the 481-767px is behaving quite weird. Everything is huge (both within Pro and when I resize the live screen). Do you mind please having a look?
Hi @INcroatia,
Thanks for reaching out.
It seems okay on my phone, may I know which device you’re testing it on? And zooming it will, of course, make it bigger, in case that’s what you’re doing, and it’s only normal.
Thanks!
Hi Rad,
If you resize the screen in between mobile and tablet, the site content gets huge. This is visible both within Pro and on the live screen. Mobile itself looks fine. Desktop, laptop and tablet look fine. It the second to smallest screen that looks horrible. Some screen shots attached.
In short, I am unable to edit this content (because it’s such a mess) but if I go into skeleton or Mobile, the font sizes are completely normal (1em, etc.)
This situation is site wide so you can look at any page to test.
Hello @INcroatia,
Thank you for the very detailed clarifications. I have investigated the issue and I found out that this happen because you have set the root font size for the smaller screens to 14em. You can check and change that setting in Pro > Theme Options > Typography > Root Font Size and make sure that Root Font Size (SM) is not 14. Please use at least 1em instead to resolve your issue.
Please let us know how it goes.
Oh my, yes! This was the issue. I was going crazy. Looks like I missed a field when going from PX to EM.
THANK YOU
You’re welcome!
We’re glad we were able to help you out.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.