Page 1 of 1

problems with text on iphone/safari

Posted: Tue Nov 20, 2018 2:46 pm
by 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

Re: problems with text on iphone/safari

Posted: Tue Nov 20, 2018 2:58 pm
by Pablo
What is the exact problem?
Where on the page do I need to look?

Re: problems with text on iphone/safari

Posted: Wed Nov 21, 2018 7:35 am
by 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

Re: problems with text on iphone/safari

Posted: Wed Nov 21, 2018 8:05 am
by 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.

Re: problems with text on iphone/safari

Posted: Wed Nov 21, 2018 10:40 am
by 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

Re: problems with text on iphone/safari

Posted: Wed Nov 21, 2018 10:52 am
by 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.

Re: problems with text on iphone/safari

Posted: Wed Nov 21, 2018 11:58 am
by 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

Re: problems with text on iphone/safari

Posted: Wed Nov 21, 2018 1:01 pm
by [RZ]

Re: problems with text on iphone/safari

Posted: Wed Nov 21, 2018 1:11 pm
by 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.

Re: problems with text on iphone/safari

Posted: Wed Nov 21, 2018 1:23 pm
by 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

Re: problems with text on iphone/safari

Posted: Wed Nov 21, 2018 1:26 pm
by [RZ]
test the online demo on your phone
pretty simple

Re: problems with text on iphone/safari

Posted: Thu Nov 22, 2018 7:03 pm
by michael@ojabiler.dk
Thank you RZ, your extension solved my issue :-)

Kind regards

Michael

Re: problems with text on iphone/safari

Posted: Thu Nov 22, 2018 7:08 pm
by [RZ]
glad to know that your issue has been solved and thank you for your feedback