ipad IOS CSS problems - Post ID 291410

User 2879688 Photo


Registered User
186 posts

Having issues with ipad or IOS.
All works fine on the device preview and opens correctly on all browsers but not with ipad or IOS.
Anyone else find this?
or is IOS getting steadily worse!
T.
When did Noah build the ark?
‘Before the rain Gladys, before the rain!’
User 187934 Photo


Senior Advisor
19,235 posts

Hi Citrus,
Can you share a link so we can see what your seeing?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2879688 Photo


Registered User
186 posts

www.7forms.co.uk
Click on 'SCULPTURE'
Its using fancybox but i only have this issue on the ipad...
I've used fancybox for a very long time and never had this problem.
I'm really trying to work out its something that ill just have to put up with on ipads.
If you open it on any other browser (using windows) there is no problem.
Thanks T.
When did Noah build the ark?
‘Before the rain Gladys, before the rain!’
User 2879688 Photo


Registered User
186 posts

Would help if you were able to see what the problem is.
Basically the image goes down to far and under the caption.
there should be a space.
i think the issue is the images wont resize to the screen size (slide, space ball, container thing?) and that causes the overlap?
Attachments:
When did Noah build the ark?
‘Before the rain Gladys, before the rain!’
User 187934 Photo


Senior Advisor
19,235 posts

Try adding this to your fancy box js options.
mobile: { preventCaptionOverlap: true }

False is default.
You also have a stray </script> tag at the top of your page.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2879688 Photo


Registered User
186 posts

Fab stuff Eric
I’ll give it a go : )
Thanks Tim
When did Noah build the ark?
‘Before the rain Gladys, before the rain!’
User 176817 Photo


Registered User
43 posts

I sometimes have display problems with IOS.
The only fix I have found is in the Settings in the upper right, Go to General, and change the Export Folder Structure to modular. IOS seems to need this for some code. I am attaching 2 pics of the same export of some site code I have exported and viewed on iPad with no other changes. This is why I use modular instead of the default flat whenever I export a site.

Jay
User 2879688 Photo


Registered User
186 posts

Thanks Jay
Yes its quite clear from the images things are getting a bit muddled!
Will try this as well
Thanks Tim
When did Noah build the ark?
‘Before the rain Gladys, before the rain!’
User 176817 Photo


Registered User
43 posts

Found another site causing issues, from CoffeeCup.
CSS issues again. See attached.
Cleared out my S-Site files manually and both working now.
Maybe the clearing up of old file data when publishing is leaving some information from previous publishing?
Seams to happen when I publish from a site from one framework the another from a different framework.
It is a problem that seem to be an intermittent problem, so hard to recreate or troubleshoot.

Jay
User 122279 Photo


Senior Advisor
13,251 posts
Online Now

Jay, it would be a good idea if you could make the CC staff aware of this. Submit a support ticket and tell them!
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.