twitter timeline widget content is cut off when site is viewed on ipad

Hey there, you might consider using Jetpack plugin.

https://www.ads-software.com/plugins/jetpack/

It has mobile responsive theme as one of the features.

hi David

I have the jetpack plugin. Are you suggesting I activate the mobile responsive theme on it? I’m not sure how this will help – the problem that I have is when I view my site on an ipad…

Jetpack should support mobile and tablet devices for responsiveness, I’d say it’s definitely worth a shot.

Let me know how this turns out for you or if we need to find a better solution.

Hi David

I tried it but as I suspected, it made no difference.

The odd thing is that I am using the same theme (Zuki) for another site garbocc.co.uk and the twitter timeline works fine on that site when I view it on ipad yet on gilburtandpaul.co.uk the twitter timeline ‘cuts off’ on the ipad.

I did notice that i have a bit of simple custom css code on the garbocc.co.uk site that I must have inserted although I can’t remember what for. I just wonder if I had the same problem before and whether I used that bit of code to resolve it. Here’s the code. Maybe you’ll be able to identify what it is doing:

‘Tweets by @GarboldishamCC
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+”://platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);</script>’

Thanks, Nick

There might be a simpler solution by trying this plugin.

https://www.ads-software.com/plugins/easy-twitter-feed-widget/

If you are open to the idea, from what I can see this one is easier to customize and has more custom options such as length/width

I also find some useful code you maybe could use to fix the current widget here.

https://twittercommunity.com/t/how-can-i-change-the-width-of-my-twitter-widget-as-it-is-too-wide-for-my-website/19026

Let me know if any of this helps otherwise I can try to look into it further.

Hi David

I tried the easy twitter feed plug in but couldn’t get it to work.

I’ve also tried different widths for the twitter widget but this seems to make no difference.

Could it be an issue with the theme I’m using?

This could be an issue, have you attempted to revert back to TwentyFifteen theme to see if that fixes how the widget looks on your page?

Hi David

I’ve reverted back to TwentyFifteen but of course the widgets sidebar appears in a different place so it is impossible to make a comparison.

I think I’ll contact the Zuki theme helpline and see if they’ve had the issue before.

That might be better, I’m not completely familiar with their theme but I’m sure someone knows how to get it working for you there.

If you are still having a hard time let me know and I can try a few other different approaches to get this working correctly for you.

Hi David

All resolved. I spoke to Elmastudios who produce the Zuki theme and they told me to insert a small bit of css code as follows:

.widget_twitter_timeline iframe {
width: 1px !important;
min-width: 100% !important;
}

Thanks for your help.

Nick

I’m glad the makers of the theme knew exactly what you were looking for! Please mark the thread as resolved to lessen workload on moderators.