The Nexus theme from WPAdaptive is an excellent choice for a WordPress theme that needs to have a responsive layout. It is a very professional look and feel with tons of shortcodes and layout options. It will also automatically apply different styling to your pages depending on the device used to view them, but sometimes you don’t want a responsive web design. The problem with the Nexus theme is that it doesn’t have a “turn off responsive layout” type option, so you have to get your hands dirty to accomplish it. You will most likely need a tiny bit of css/html experience to do this, but don’t fear, it’s not very hard.

I will outline the steps I went through in order to keep the Nexus layout the same on all devices:

*Warning, it is always a good idea to fully backup your WP database, and theme files before modifying anything. If you follow the steps below, your theme will no longer be responsive and will render the same on all devices.

    • Find the 960.css file that is located in wp-content/themes/nexus/css/960/960.css.  Search for the text “/*+++++++++++++++++ TABLET++++++++++++++++++*/” and remove that line up until the end of the file. These are all the @media rules that determine different classes for different devices. 
    • Find the wp-content/themes/nexus//responsive.css file and remove everything in the file.
    • Find the class.frontend.php file located at wp-content/themes/nexus/prime/classes/class.frontend.php and remove lines 614 through 644. Starting at ” @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {” and ending right before the </style> tag.
    • Under the “Menus” menu, switch all menus to “header-desktop” (Picture below)

menus

 

With those changes in place, your theme should render in “desktop” mode, no matter what the device is. An easy way to test this is by using the Web Developer add on for FireFox. Once  this is installed you can “View Reponsive Layouts” to view how your page renders on different devices.  (Picture below)

webdeveloper

 

I might have missed something with modifying the header.php file, specifically to make sure only the desktop logo is rendered. I believe you need to change that as well. If you run into any issues, just send me a comment and I will do my best to help you out.

Good luck!