With most people choosing mobile responsive themes these days, I was also using it till recently when I decided to mobilize my blog using MobilePress instead. It’s cool having a mobile responsive design but then, it was like there’s no way users can actually see the full version on mobile phones and tablets and that’s one thing I don’t really like about responsive designs. Some users actually prefer seeing the desktop version on their mobile device and this is what prompted me to remove the responsive design from the theme.
I now use MobilePress which is the default mobile version and when you request to see the desktop version, it’s what you actually get. Removing mobile responsiveness from your Genesis child theme is pretty easy. I tried it on News theme and also Eleven40.
For some child themes like News, you only need to locate and remove a certain block of CSS but for Eleven40, you meed to remove some extra code to perfect it.
Removing Mobile Responsiveness from News Child Theme
– Log in to WordPress Dashboard and go to Appearance > Editor
– Press CTRL + F and search for /* Responsive Design
– Right from this point down to the end of the style sheet, delete every code.
– Save the file and that’s it.
Removing Mobile Responsiveness from Eleven40 Child
– Perform the exact steps above
– Now search for /* Wrap
-Somewhere blow it, change max-width to just width
That’s everything you’ve got to do to remove mobile responsiveness from your Genesis child theme. Like I said, I only tried this on Eleven40 and News but I assume it should apply to other child themes too.
If you already have a mobile plugin like MobilePress or WP Touch Pro installed, I doubt if you still need your main theme to be mobile responsive. Some visitors actually want to see the desktop version on their mobile device.