Title: Mobile Padding Problems
Last modified: October 6, 2016

---

# Mobile Padding Problems

 *  [endoxist](https://wordpress.org/support/users/endoxist/)
 * (@endoxist)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/mobile-padding-problems/)
 * Hello!
 * I used some basic CSS to add additional padding around a single blog post:
 * .single .blog-entry { padding: 0px 100px 0px 100px!important; }
 * The problem is, this padding now carries over to the blog when viewed on Mobile
   too. I added the following code to alleviate this:
 * [@media](https://wordpress.org/support/users/media/) only screen and (max-width:
   1200px){ }
 * But it is not making any difference. Is there a way that I can flip this code
   so that the additional padding I added only applies to desktop screen resolutions?
   Any help on this would be great!!

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

 *  [Tahoerock](https://wordpress.org/support/users/tahoerock/)
 * (@tahoerock)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/mobile-padding-problems/#post-8258359)
 * Hi endoxist,
    What you have done says: Do padding on screen that is up to 1200px
   wide -max-width: 1200px Instead you should say to website parser Do padding on
   the screen which is the most 1200px wide – min-width: 1200px
 * I would use less then 1200px like 1020px or 760px
    I do not see your site, you
   did not left url here. But by using [@media](https://wordpress.org/support/users/media/)
   you can go down scale and use different paddings on different screen sizes. Hope
   I got you in this issue little bit Cheers TR
    -  This reply was modified 9 years, 8 months ago by [Tahoerock](https://wordpress.org/support/users/tahoerock/).
 *  [ThemeSumo](https://wordpress.org/support/users/themesumo/)
 * (@themesumo)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/mobile-padding-problems/#post-8259981)
 * Please leave a link to your site please so we can offer some help.
 * The use of `!important` should really be avoided when possible.
 *  Thread Starter [endoxist](https://wordpress.org/support/users/endoxist/)
 * (@endoxist)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/mobile-padding-problems/#post-8262344)
 * Hi guys, thanks for your responses.
 * I actually tried this and it worked best:
 * [@media](https://wordpress.org/support/users/media/) only screen and (min-device-
   width: 481px) and (max-device-width: 3000px) {
    .single .blog-entry { padding:
   0px 100px 0px 100px!important; } }
 * [@media](https://wordpress.org/support/users/media/) only screen and (max-width:
   480px){
    .single .blog-entry { padding: 0px 0px 0px 0px!important; } }
 * Url is: monmode.co
 *  [Tahoerock](https://wordpress.org/support/users/tahoerock/)
 * (@tahoerock)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/mobile-padding-problems/#post-8315803)
 * Hi Endoxist,
    Im glad that it worked for you. Cheers TR

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

The topic ‘Mobile Padding Problems’ is closed to new replies.

## Tags

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

 * 4 replies
 * 3 participants
 * Last reply from: [Tahoerock](https://wordpress.org/support/users/tahoerock/)
 * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/mobile-padding-problems/#post-8315803)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics