Title: IPhone responsive view issues
Last modified: August 21, 2016

---

# IPhone responsive view issues

 *  [jrfury](https://wordpress.org/support/users/jrfury/)
 * (@jrfury)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/iphone-responsive-view-issues/)
 * I love this theme, especially the CSS override in the admin section.Only problem
   I have with this theme is when viewed on an iPhone, the text spills off the screen
   on the right side of website. Is this something I need to track down in the bootstrap
   file? Like padding or something similar?
 * Any help would be greatly appreciated!

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Wolfs bRain](https://wordpress.org/support/users/wolfs-brain/)
 * (@wolfs-brain)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/iphone-responsive-view-issues/#post-5004716)
 * Hi there Fury,
    You would might have to add a couple media queries to your CSS.
   You can use fire bug or Chrome Dev tools, change the window to your phone size
   and take it from there. It should just be a simple padding or margin issue just
   as you thought. If you have any questions just give us a shout.
 * Wolfy and Brain (^_^)
 *  Thread Starter [jrfury](https://wordpress.org/support/users/jrfury/)
 * (@jrfury)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/iphone-responsive-view-issues/#post-5004721)
 * I don’t know what media queries are or where to implement them. Can you elaborate
   a bit? I guess I would have to determine iPhone resolutions and find these dimensions
   in the bootstrap file and alter them. Am I on the right path? I’ve never had 
   to do this before so any help would be appreciated. I’ve never experienced this
   issue before.
 *  [Wolfs bRain](https://wordpress.org/support/users/wolfs-brain/)
 * (@wolfs-brain)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/iphone-responsive-view-issues/#post-5004722)
 * Well all changes would be done through CSS. You mentioned the theme you have 
   at the moment has a CSS override. You could probably add the Media queries there.
   If not, you can make the changes either in a plugin such as Jet Pack or through
   a Child theme.
 * Media Queries are basically css that is specifying a css function to a specific
   screen size.
 * Here is one link i found useful.
 * [https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries)
 * In the end your media queries would have this format.
    `@media (min-width: 700px){...}`
   Your css changes would go where the dots are.
 * I wouldn’t change the Bootstrap file in any way. Just add the new css code to
   the plugin, child theme. or the css override you mentioned. Hope this helps. 
   If you have any further questions let me know
 *  Thread Starter [jrfury](https://wordpress.org/support/users/jrfury/)
 * (@jrfury)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/iphone-responsive-view-issues/#post-5004836)
 * I figured it out, it was as easy as firebug and a few css edits. Thanks for your
   help!
 *  [Wolfs bRain](https://wordpress.org/support/users/wolfs-brain/)
 * (@wolfs-brain)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/iphone-responsive-view-issues/#post-5004838)
 * Any time Fury. Thats what we’re here for. If you ever need anything else feel
   free to ask.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘IPhone responsive view issues’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/tesla/2.1.1/screenshot.png)
 * Tesla
 * [Support Threads](https://wordpress.org/support/theme/tesla/)
 * [Active Topics](https://wordpress.org/support/theme/tesla/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/tesla/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/tesla/reviews/)

## Tags

 * [iphone](https://wordpress.org/support/topic-tag/iphone/)

 * 5 replies
 * 2 participants
 * Last reply from: [Wolfs bRain](https://wordpress.org/support/users/wolfs-brain/)
 * Last activity: [11 years, 11 months ago](https://wordpress.org/support/topic/iphone-responsive-view-issues/#post-5004838)
 * Status: not resolved