problems with text on iphone/safari

[michael@ojabiler.dk]

Hi experts,

I am using WB12. My project is responsive

This page https://leasebil.nu/privatleasing/skoda/
looks okay on computer and android phone
but something happens on an Iphone.

How to fix it - i have no problems upgrading my WB if this solves the problem

Thanks in advantage

Michael

[Pablo]

What is the exact problem?
Where on the page do I need to look?

[michael@ojabiler.dk]

Pablo,

If you scroll down on the page on an iphone, your reach some seo text, which becomes
unformatted on the iphone but on an android it looks fine - like on a computer!!

Kind fregards
Michael from Denmark

[Pablo]

I think the problem is related to the inline frame.
The iPhone does not support scrollbars in inline frames and displays the full contents, which in your case overlaps the content below.

[michael@ojabiler.dk]

Thank you Pablo,
As always you are probably right.. but i really needs advice, because our website project are big and responsive and
many pages are built on data from database.

We need to get data from database, and the code behind that must know how many coloums availabel according to
the breakpoint (default, 320,480 ect) therefor i choosed to use iframes on each breakpoint which call the same code with parameter= number of coloums available.

Can this be done i another way which makes the output nice on all devices??

Thank you in advantage

Michael

[Pablo]

I think the only way to solve this is by using a flexible layout (using layout grids), so the other content will automatically move when the inline frame becomes larger.

[michael@ojabiler.dk]

Thank you Pablo,
But your suggestion still includes the iframes?
Because i don't know how many cars the selection returns from the database i have set the scroll able if needed according to
the answers i had in another post in the forum concerning making iframes resizeable.

Please correct me, but i some how conclude that iphones don't allow iframes with scrollable function and because i need
to adjust the size of the iframes to show some seo text just below the iframe - i am in trouble ??

Kind regards Michael

[[RZ]]

perhaps you may find this useful? https://www.wysiwygwebbuilder.com/forum ... 53&t=73399

[Pablo]

But your suggestion still includes the iframes?

Yes, only when using layout grids, then the layout will be flexible, so in case the browser expand the frame, this will not overlap other contents.

Please correct me, but i some how conclude that iphones don't allow iframes with scrollable function

Apple does not want multiple scrollbars on the page, that is why they disable the scrollbar of the inline frame.

[michael@ojabiler.dk]

Thank you RZ,

It could be! - any chance to test it?
I assume it is an extension i have to buy?

Kind regards Michael

[[RZ]]

test the online demo on your phone
pretty simple

[michael@ojabiler.dk]

Thank you RZ, your extension solved my issue

Kind regards

Michael

[[RZ]]

glad to know that your issue has been solved and thank you for your feedback