Title: Mobile content width
Last modified: August 21, 2016

---

# Mobile content width

 *  Resolved [Brandit360](https://wordpress.org/support/users/brandit360/)
 * (@brandit360)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/mobile-content-width/)
 * Hello, I have made some customizations to the Quark theme. One in particular 
   to include a border and left margin on the main content container, however, in
   doing this it has effected the responsiveness when viewed on a mobile device.
   How do I change the margin back to zero on mobile devices only?
 * I would appreciate any other advice on responsiveness after viewing the site 
   as well. Thank you for your support and this great theme!
 * Temporary link to my project: new.hardinbuilders.com

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

 *  [SomewhatRounded](https://wordpress.org/support/users/somewhatrounded/)
 * (@somewhatrounded)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/mobile-content-width/#post-4162559)
 * Adding what you want to the media query(s) in your stylesheet should do the trick!
 * Ex. If you want it to go when the screen width is 320px wide:
 *     ```
       @media only screen and (max-width: 320px) {
       #maincontentcontainer {
       margin: 0;
       border: none;
       }
       }
       ```
   
 * Hope that helps!
 *  Thread Starter [Brandit360](https://wordpress.org/support/users/brandit360/)
 * (@brandit360)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/mobile-content-width/#post-4162671)
 * Thank you, seems simple enough. I will try it out.
 *  Thread Starter [Brandit360](https://wordpress.org/support/users/brandit360/)
 * (@brandit360)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/mobile-content-width/#post-4162675)
 * Since posting this I am no longer able to edit CSS? I get a white screen when
   I update file.
 *  [SomewhatRounded](https://wordpress.org/support/users/somewhatrounded/)
 * (@somewhatrounded)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/mobile-content-width/#post-4162678)
 * Oh no! Are you editing the file using the wp editor?
 *  Thread Starter [Brandit360](https://wordpress.org/support/users/brandit360/)
 * (@brandit360)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/mobile-content-width/#post-4162708)
 * Yes I am.
 *  Thread Starter [Brandit360](https://wordpress.org/support/users/brandit360/)
 * (@brandit360)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/mobile-content-width/#post-4162745)
 * Ok, I edited the file outside of the editor and that worked. Thank you!

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

The topic ‘Mobile content width’ is closed to new replies.

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

## Tags

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

 * 6 replies
 * 2 participants
 * Last reply from: [Brandit360](https://wordpress.org/support/users/brandit360/)
 * Last activity: [12 years, 7 months ago](https://wordpress.org/support/topic/mobile-content-width/#post-4162745)
 * Status: resolved