Title: [Plugin: Facebook] Like Button Widget iPhone CSS
Last modified: August 20, 2016

---

# [Plugin: Facebook] Like Button Widget iPhone CSS

 *  [Max625](https://wordpress.org/support/users/max625/)
 * (@max625)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-facebook-like-button-widget-iphone-css/)
 * I am using the like button widget with the following settings:
    Layout: button_count
   Width: 252 Action: Like
 * The sidebar is 282 px wide. The theme is based off of twentyeleven, but the layout
   is not responsive. It has fixed width that does not change with any [@media](https://wordpress.org/support/users/media/)
   max/min-width calls.
 * Everything is a-ok when viewed from Mac OS safari, firefox, chrome. Even when
   I use iPhone user agent on Safari and make the screen as thin as possible, everything
   looks fine.
 * But…when viewed on an actual iPhone the sidebar is detached from the main content
   area, underneath it. There must be some css getting injected into the page based
   on the user agent or width or something (I am surprised I can’t reproduce it 
   with the Mac OS Safari iPhone user agent at a small width) – because it is causing
   the entire layout to get disrupted. The only thing that looks normal is the footer.
   The header is half as wide as it should be, the navigation menu is broken into
   two lines, the background of the content area is truncated.
 * When I disable the facebook plugin, the layout looks perfect on an iPhone.
 * The only thing I noticed when using the iPhone user agent on mac os safari was
   the button is slightly larger – understandably so it is easier to click on that
   device. But something else is going on that I haven’t been able to isolate.
 * Is the sidebar simply to narrow? Why am I not able to reproduce the layout I 
   see on an actual iPhone when I use mac os safari user agent iPhone with very 
   thin width?
 * [http://wordpress.org/extend/plugins/facebook/](http://wordpress.org/extend/plugins/facebook/)

The topic ‘[Plugin: Facebook] Like Button Widget iPhone CSS’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/facebook_526fac.svg)
 * [Facebook](https://wordpress.org/plugins/facebook/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/facebook/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/facebook/)
 * [Active Topics](https://wordpress.org/support/plugin/facebook/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/facebook/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/facebook/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [layout](https://wordpress.org/support/topic-tag/layout/)
 * [sidebar](https://wordpress.org/support/topic-tag/sidebar/)
 * [width](https://wordpress.org/support/topic-tag/width/)

 * 0 replies
 * 1 participant
 * Last reply from: [Max625](https://wordpress.org/support/users/max625/)
 * Last activity: [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-facebook-like-button-widget-iphone-css/)
 * Status: not resolved