[Anonymous]

Hi,

I’m building my webbpage and have some problems with tablets and phones.

When I check the design on my phone everything looks good, but when I check it on my parents phone (all iphones) some parts are offset.

Also, elementor keeps making strange changes without me doing anything. Like on https://nykurs.socialmediaschool.se/e-bok/, the opt-in part looked good, then all of a sudden the form was further down on the page than before and in elementor it just looks like a mess.

Samsung tablet: http://media2.socialmediaschool.se/2019/10/IMG_7171-1.jpg
Iphone 5: http://media2.socialmediaschool.se/2019/10/IMG_7166.jpg
Iphone 5: http://media2.socialmediaschool.se/2019/10/IMG_7168.jpg
Iphone 5: https://nykurs.socialmediaschool.se/wp-admin/upload.php?item=1075
iPhone 7: http://media2.socialmediaschool.se/2019/10/IMG_7164.png
iPhone 7: http://media2.socialmediaschool.se/2019/10/IMG_7165.png
MacBook Air: http://media2.socialmediaschool.se/2019/10/Screenshot-2019-10-27-at-10.02.02.png

Thanks!

[serkan]

Hi @Andrea,
I checked your source code and you are having a mixed content issue.
Please check out this related topic for fixing the issue;
https://developers.google.com/web/fundamentals/security/prevent-mixed-content/fixing-mixed-content
Also, deactivate all your third party plugins and try it again.
Thanks

[Anonymous]

Thanks, that solved the backend problems.

However, the frontend problams are still there. Do you have any suggestions?

[serkan]

Hi,
I will discuss this issue with our developers and i will keep you updated.
Thanks for your patience.

[Anonymous]

Hi,

Just want to check in, have you found what’s causing the problem?

[serkan]

Hi, I am making some tests on this issue and try to realize what causes the problem. I let you know when I come up with a solution. Thanks for the feedback.

[ahmetsali]

Hi, you just need to fine-tune your headings font size for mobile devices with Elementor responsive typography options to prevent titles overflowing on phones and tables, please see the video below for a visual explanation;

https://youtu.be/VPyBuNLpt4U?t=38

Cheers.

[Anonymous]

That was the first thing I tried, I even made the headlines suuuuper small (like 6px or something like that) but the headiings were still overflowing on the older phones.

[serkan]

Hi,
Please clear your caches and try it again.
Thanks