Carousel Text Overlay on iphone

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
paxwood
 
 
Posts: 5
Joined: Sun Dec 31, 2006 3:51 pm
Location: UK

Carousel Text Overlay on iphone

Post by paxwood » Wed Oct 11, 2017 5:25 am

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?

User avatar
Pablo
 
Posts: 19672
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Carousel Text Overlay on iphone

Post by Pablo » Wed Oct 11, 2017 5:46 am

There are objects outside the viewport. You will need to make sure everything is inside the page boundaries.

paxwood
 
 
Posts: 5
Joined: Sun Dec 31, 2006 3:51 pm
Location: UK

Re: Carousel Text Overlay on iphone

Post by paxwood » Wed Oct 11, 2017 7:30 pm

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?

User avatar
Pablo
 
Posts: 19672
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Carousel Text Overlay on iphone

Post by Pablo » Wed Oct 11, 2017 8:33 pm

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.

paxwood
 
 
Posts: 5
Joined: Sun Dec 31, 2006 3:51 pm
Location: UK

Re: Carousel Text Overlay on iphone

Post by paxwood » Fri Oct 13, 2017 6:28 am

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

User avatar
Pablo
 
Posts: 19672
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Carousel Text Overlay on iphone

Post by Pablo » Fri Oct 13, 2017 6:47 am

I looked on my Phone and it look correct now.
What do I need to do to see the remaining problem(s)?

paxwood
 
 
Posts: 5
Joined: Sun Dec 31, 2006 3:51 pm
Location: UK

Re: Carousel Text Overlay on iphone

Post by paxwood » Sun Oct 15, 2017 11:48 am

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 !

User avatar
Pablo
 
Posts: 19672
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Carousel Text Overlay on iphone

Post by Pablo » Sun Oct 15, 2017 1:02 pm

Maybe you need to clear your browser cache?
There are no scrollbars when I view this page.

paxwood
 
 
Posts: 5
Joined: Sun Dec 31, 2006 3:51 pm
Location: UK

Re: Carousel Text Overlay on iphone

Post by paxwood » Sun Dec 03, 2017 11:46 am

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

User avatar
Pablo
 
Posts: 19672
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Carousel Text Overlay on iphone

Post by Pablo » Sun Dec 03, 2017 11:50 am

Which specific part of the page do I need to look to see the problem?
What does it look like for you?

Post Reply

Who is online

Users browsing this forum: No registered users and 7 guests