Title: Crossbrowser mobile-friendly theme help
Last modified: August 20, 2016

---

# Crossbrowser mobile-friendly theme help

 *  Resolved [tacki](https://wordpress.org/support/users/tacki/)
 * (@tacki)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/crossbrowser-mobile-friendly-theme-help/)
 * I’m trying to make a responsive mobile-friendly theme from scratch. My main target
   users would be low-end phones and pc users.
 * One thing that’s perplexing me right now is when I view my theme on a desktop(
   Firefox and Chrome) and Opera Mini, it works fine. However, if I switch Opera
   Mini to mobile view, the divs gain added margins on the top and bottom. I already
   set the margins and paddins to zero in the CSS file.
 * I tried switching to a Xhtml mp doctype to see what happens. The margins were
   gone, but the background colors of the divs won’t show on the desktop.
 * Any suggestions?

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

 *  [Emil Uzelac](https://wordpress.org/support/users/emiluzelac/)
 * (@emiluzelac)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/crossbrowser-mobile-friendly-theme-help/#post-3125824)
 * Hi,
 * Step one would be to integrate [CSS3 Media Queries](http://www.w3.org/TR/css3-mediaqueries/)
   in your stylesheet.
 * Second step is to use [Respond.js](https://github.com/scottjehl/Respond) for 
   older versions of IE (<- IE8)
 * Good practices around and for mobile devices are grids, take a look at [Bootstrap](http://twitter.github.com/bootstrap/)
   and/or [Foundation](http://foundation.zurb.com/).
 * And last but not least, take a look around [WPORG](http://wordpress.org/extend/themes/search.php?q=responsive)
   for Responsive Themes as well and take a peak.
 * Thanks,
    Emil
 *  Thread Starter [tacki](https://wordpress.org/support/users/tacki/)
 * (@tacki)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/crossbrowser-mobile-friendly-theme-help/#post-3125976)
 * not exactly what i’m lookng for, but seems like nice suggestions.. thanks…

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

The topic ‘Crossbrowser mobile-friendly theme help’ is closed to new replies.

## Tags

 * [doctype](https://wordpress.org/support/topic-tag/doctype/)
 * [mobile](https://wordpress.org/support/topic-tag/mobile/)
 * [Opera Mini](https://wordpress.org/support/topic-tag/opera-mini/)

 * 2 replies
 * 2 participants
 * Last reply from: [tacki](https://wordpress.org/support/users/tacki/)
 * Last activity: [13 years, 7 months ago](https://wordpress.org/support/topic/crossbrowser-mobile-friendly-theme-help/#post-3125976)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics