Web is moving towards responsive layout with allows you to (resize and) display web content according the screen size of the device being used to access content. Besides text and photos, lot of users embed Tweets inside wordpress posts. With WordPress support for auto embed, just paste the URL of the tweet and it will embed automatically. While this is easy but by default embedded tweet looks broken in responsive layout.

Make tweet embed box auto resize in responsive design

In responsive layout, the overall width changes according to device’s view area but tweet embed box sticks to its width setting. Do you want to make embedded tweet box resize according to changes in responsive design? Just add following code in style.css file.

[cc]
.entry-content .twitter-tweet-rendered {
max-width: 100% !important;
}
[/cc]

Once you add above code to style.css file, embedded tweet’s box will resize according to reponsive re-sizing of overall layout. Quick and easy, isn’t it? Credit Kovshenin

Davinder Singh Kainth

A digital creator with 15+ years of experience in Website Design, Development, SEO, and Content Creation to Podcasting at SmartWebCreators.com with the motto of "Be Smart, Keep Creating". A coach, consultant, and your dear geek friend ❖

1 Comment

  1. Bob on September 11, 2012 at 10:46 am

    Didn’t know you can do that. Great tip.

Leave a Comment