Page 1 of 1

Responsive Twitter Feed

Posted: Mon Oct 17, 2022 3:05 pm
by Starb7
Hi All

I am struggling to make a Twitter Feed work Responsive. Is there an option to make the content dynamically change ie, the twitter 'width' element so that it views OK on desktop and mobile without having to have two separate html objects in different breakpoints?

TIA

Re: Responsive Twitter Feed

Posted: Mon Oct 17, 2022 3:17 pm
by wwonderfull
Can we have a demo project or a link to see your result if possible.

Re: Responsive Twitter Feed

Posted: Mon Oct 17, 2022 3:36 pm
by Starb7
Hi wwonderfull

Not really as I have limited the width to suit a mobile device, ie kept the twitter feed to under 480 px wide.

If you create twitter feed within a html box that you set on desktop size page, if that page is then viewed on a device that is smaller than the defined twitter feed, ie that given by twitters create feed tool (which you can edit), the twitter box width expands beyond that of the mobile page and the overflow is lost.

I could probably make a demo page but it's generic in the html object. Just wondered if there was a way to pass a variable into the html code :)

Cheers

Paul

Re: Responsive Twitter Feed

Posted: Mon Oct 17, 2022 4:57 pm
by Pablo
Usually, the solution is to make the code you are inserting, responsive.
For example, by using percentages instead of fixed sizes.

Re: Responsive Twitter Feed

Posted: Mon Oct 17, 2022 5:59 pm
by Starb7
Hi Pablo

Hmm, not thought of that. Twitter just offers you a fixed width but I can see that a tweak should work in the html script they provide.

Thanks for the pointer, I'll let you know how I get on.

Cheers