Page 1 of 1

Carousel Text Overlay on iphone

Posted: Wed Oct 11, 2017 5:25 am
by paxwood
Hi Community

I've added a carousel idea based on what I saw on one of the templates. All works fine until I view on an iphone. 'Title' elements appear fine, but the 'Review' elements show on previous pictures all looking a jumble.

Have a look at the following on an iphone to see what I mean:-

http://www.oliversnurseries.co.uk/test/

Any ideas please on what I am doing wrong?

Re: Carousel Text Overlay on iphone

Posted: Wed Oct 11, 2017 5:46 am
by Pablo
There are objects outside the viewport. You will need to make sure everything is inside the page boundaries.

Re: Carousel Text Overlay on iphone

Posted: Wed Oct 11, 2017 7:30 pm
by paxwood
Thank you - how do I tell which objects please?

I have 2 issues to try and resolve on the page:-

- On the scrolling text on the carousel I have made the text really skinny, but I am not sure that is right as when the screen is bigger than an iphone I would really like it to be much wider and then to shrink and grow responsive with the device screen? I have tried making the text that is wrapping more narrow, but I am not sure if that is what you meant?

- On an iphone I seem to be able to scroll to the side leaving white space. There appear to be no objects I can see in the white space to the right hand side of my project though? I suspect the problem is being caused by the layer with the image IMG_6783 in. When I take this layer out the problem goes away. But if I create a page with just that layer I don't see the problem either. Only when both together?

PS I just tried the bluemonday template on the website and it does the same on an iphone - so now I am not sure that it is anything I have done?

Re: Carousel Text Overlay on iphone

Posted: Wed Oct 11, 2017 8:33 pm
by Pablo
It looks like you have fixed it now?
I just tried the bluemonday template on the website and it does the same on an iphone - so now I am not sure that it is anything I have done?
This template does not have any breakpoints so it is not optimized for smaller screens.
The purpose of this templates is to demonstrate animations.

Re: Carousel Text Overlay on iphone

Posted: Fri Oct 13, 2017 6:28 am
by paxwood
Hello Pablo

Thank you for your assistance - and apologies that I am not as quick as some users.

I don't think I have fixed it yet, and would appreciate any assistance in resolving.

If I can make changes to the site to make it work on small screens as well I am willing to do this - I am just not sure what to change. Should I be adding breakpoints?

Any help appreciated.

Thanks

Re: Carousel Text Overlay on iphone

Posted: Fri Oct 13, 2017 6:47 am
by Pablo
I looked on my Phone and it look correct now.
What do I need to do to see the remaining problem(s)?

Re: Carousel Text Overlay on iphone

Posted: Sun Oct 15, 2017 11:48 am
by paxwood
Hello

I'm still not getting either to work for me. I've attached screen shots within a web page highlighting what I am seeing which I hope will be helpful - many thanks.

http://www.oliversnurseries.co.uk/test/examples.html

Thank you !
Dank Je !

Re: Carousel Text Overlay on iphone

Posted: Sun Oct 15, 2017 1:02 pm
by Pablo
Maybe you need to clear your browser cache?
There are no scrollbars when I view this page.

Re: Carousel Text Overlay on iphone

Posted: Sun Dec 03, 2017 11:46 am
by paxwood
Hello Pablo

Firstly apologies for the delay in replying.

I have cleared the browser cache in the iphone - settings - safari - advanced - website data - remove all website data and I still see both issues.

The text is still overlapping and there is still white space when the site loads again !

Could someone else perhaps try for me on their device on an iphone and see if it limited to me or if you can see it too please - much appreciated if someone could independently verify!

www.oliversnurseries.co.uk

Re: Carousel Text Overlay on iphone

Posted: Sun Dec 03, 2017 11:50 am
by Pablo
Which specific part of the page do I need to look to see the problem?
What does it look like for you?