Blog not scrolling on Mobile devices

Hi

My blog is not scrolling in the mobile versions of responsive website cricketumpiring.com. The blog is written in Blogger and is inserted in the website using the 'Embed a website widget.' Anyone any thoughts?

Kevin

Kevin,

Scrolls fine for me on my iphone.

Hi Egg

I have just checked the blog on my iphone (iphone 6/iOS12.1). There is no scroll bar visible. The first article is cut off about half way down. My iPad Pro shows no scroll bar and again the article is cut off. The blog shows correctly on my laptop as the scroll bar is working.

An earlier forum post https://www.talkgraphics.com/showthr...hlight=blogger indicates that scroll bars don't show on iOS devices when using iframes.

I'm confused!

Kevin

Egg

I think you are referring to the page scroll on the iPhone, which is working fine. I'm referring to the iframe scroll bar which is missing on the mobile variants.

Kevin

Hi Kevin, sorry I didn't notice the cut-off text.

Does this work for you on an iphone:

LINK

Egg

Yes it does work correctly on my iPhone!

Kevin

Good, this may help. I don't use Blogger apart from experimenting.

Thanks Egg

Do I just replace the current widget on my site with the ones in Kevin.xar?

Regards
Kevin

That should work as far as I know Kevin. Create a back-up version of your current xar first. Then try copying the iframe code in my file to yours. The problem with using widgets is the companies create newer versions and Xara doesn't always keep up, so I prefer just using iframes I create myself.

Egg

Thanks. Will do.

Regards
Kevin

Egg

Replaced the frames with the versions you supplied and re-published the website. Unfortunately the scroll bar is still not visible when the blog is viewed on either my iPhone or my iPad. I have attached the .xar file to see if you can shed any light on the problem.

Here is the code for the frame version you supplied:

<iframe src="http://cricketumpiringblog.blogspot.co.nz/" width="100%" height="100%" scrolling=auto frameborder=0 marginheight=0 marginwidth=0></iframe>

Here is the original code:

<iframe src="http://cricketumpiringblog.blogspot.co.nz/" width="100%" height="100%" frameborder="0" scrolling="auto" name="xara_iframe" ><p>Your browser does not support iframes.</p></iframe>

In the event that we can't get this to work, I suppose I could just increase the frame length to say 3000px in the hope that all entire blog posts will fit within that limit?

Regards
Kevin