CODEWITHSUNDEEP
csstwitter
Adam Bell
Adam Bell

Reputation: 1045

Twitter Widget appearing too wide on mobile

Having an issue with this site (http://loriveltri.com/) on mobile. Issue is the Twitter widget....which comes straight from Twitter, appears too wide (about 520px) on mobile devices. When I check in my browser and adjust, it's fine. Only on mobile does it burst out like this and it's odd. Any idea how I can fix this max-width issue from the CSS the widget produces?

Upvotes: 1

Views: 298

Answers (2)

liborza
liborza

Reputation: 1009

Try to add CSS specification for small screen 480px is for mobile divices

@media (max-width: 480px) {}

or try this and set your width

iframe#twitter-widget-0 {}

Upvotes: 0

rafahell
rafahell

Reputation: 315

You should use !important in your css

.boxed-container {
  overflow: hidden;
}

@media (max-width: 677px)
.span3 iframe {
  max-width: 300px !important;
}

Upvotes: 1

Related Questions