Title: Responsive design does not work
Last modified: October 31, 2017

---

# Responsive design does not work

 *  [janalex](https://wordpress.org/support/users/janalex/)
 * (@janalex)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-design-does-not-work/)
 * The responsive design does not work properly.
 * On mobile devices, smartphones, the front page widgets only align vertically.
   But they should align horizontally as well.
 * Can you please help me with that issue?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fresponsive-design-does-not-work%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-design-does-not-work/#post-9637995)
 * Hi [@janalex](https://wordpress.org/support/users/janalex/)!
 * I can see the following custom CSS on your site, which is setting the widgets
   to a width of 30% across all devices:
 *     ```
       .front-widget-area .widget-area, .footer-widget-area .widget-area {
       	width: 30%;
       	margin-right: 2%;
       }
       ```
   
 * The above CSS shouldn’t be necessary as the theme sets the widgets to 30% on 
   desktop devices by default.
 * Can you try removing the above custom CSS? You may need to reinstall Sela if 
   the original CSS that sets the width of the widgets is missing.
 *  Thread Starter [janalex](https://wordpress.org/support/users/janalex/)
 * (@janalex)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-design-does-not-work/#post-9648478)
 * Hi [@siobhyb](https://wordpress.org/support/users/siobhyb/)!
 * Thanks for your advice.
 * If I remove the CSS then the front page widgets are never horizontally aligned.
 * It looks like that: [https://drive.google.com/open?id=0B1Mg-8xP59BSRGpZMHRqUEUxUGM](https://drive.google.com/open?id=0B1Mg-8xP59BSRGpZMHRqUEUxUGM)
 * 30% ist fine on the desktop view but on mobile devices it should be 100%.
 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-design-does-not-work/#post-9654513)
 * Hi [@janalex](https://wordpress.org/support/users/janalex/),
 * Sela does by default set the widgets to take up a third of the available screen
   width on desktop devices. You can see this from the theme’s demo site here:
 * [https://selademo.wordpress.com/](https://selademo.wordpress.com/)
 * I can see that the theme’s **style.css** is either not loading correctly or incomplete
   on your site, however.
 * Can you try deleting your current installation of Sela then installing a fresh
   copy of the theme? If the widgets still don’t look correct, try deactivating 
   each of your plugins one by one to see if any are preventing the theme’s **style.
   css** file from loading correctly,

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

The topic ‘Responsive design does not work’ is closed to new replies.

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

 * 3 replies
 * 2 participants
 * Last reply from: [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * Last activity: [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-design-does-not-work/#post-9654513)
 * Status: not resolved