Turn off Responsive in CSS


Author Message
Shawn

Posted: 10/11/2012
Quote message 

Hello all,
As everyone knows responsive doesn't work real well @ the moment so I would like to turn it off in my theme. I have the site up already and have modded the site since making it live. So, I don't want to go back to the source theme in Art 4 and turn off responsive. I would like to do it in the CSS of the live site.

Can someone tell me where this is @ please?

Thx,

Shawn
 
richard

Posted: 10/12/2012
Quote message 

style.responsive.css

#art-resp {    display: none; }  

@media all and (max-width: 959px) {
#art-resp, #art-resp-t { display: block; }
#art-resp-m { display: none; } }
@media all and (max-width: 480px) {
#art-resp, #art-resp-m { display: block; }
#art-resp-t { display: none; } }


Change display: block to display: none
The responsive JS uses this element to decide whether to flip to responsive CSS. The medias query rules set the visibility. Similar control can be take of your header and shapes by editing the CSS that is active when the media rules kick in or maybe display your regular menu rather than vertical stacked responsive version if it suits better

This way you can take control of how responsive works for your theme. Unfortunately, since the CSS files are created on the fly on export, we can't edit the core files to change the default behaviour for all exported themes.
 
richard

Posted: 10/12/2012
Quote message 

Of course...a simpler way would be to set the media rule parameters narrow so that responsive doesn't trigger at all...

@media all and (max-width: 1px) {    

@media all and (max-width: 1px) {

 
Renny

Posted: 10/12/2012
Quote message 

Of course! @ richard
 
szyms

Posted: 1/18/2013
Quote message 

Great!

It did what i wanted but know i have two problems.

First - i can't zoom in/out my site on mobile. Is there any code to enable this ?

Second - when you enter my site on mobile you see left top corner of it. It would be better to see whole site and just zoom in as you want. It is done like this on the most of sites. Is there any solution to do this ?

Thanks in advance for any help !
 
Tom

Posted: 1/18/2013
Quote message 

Just disable responsive in the program and problem will be solved. You were able to save the artx file weren't you?
 
assaf

Posted: 2/16/2013
Quote message 

go to templates/yourtemplate/index.php
and configure this line:
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 3.0, user-scalable = yes, width = device-width">

set the maximum scale to whatever you wish, this will allow you to scale on mobile

 
Nick

Posted: 2/16/2013
Quote message 

Or remove the meta statement altogether.

You can also turn the responsive design off from the options dialog box. No need to play with the css files...
 
Zach

Posted: 2/18/2013
Quote message 

Hi guys, today I ran into this issue myself. Turns out there's actually a really easy fix to disable the responsive theme from within Wordpress. You just have to comment out a couple of lines in the functions.php file.

I posted a screen-capture video on my blog where I show you how to do it:

http://artisteertutorial.com/artisteer/how-to-disable-artisteer-responsive-theme-in-wordpress/

Enjoy!

=========================
Zach Swinehart

www.artisteertutorial.com

Learn how to create better websites in Artisteer with my free step-by-step video trainings!


 
TomSongkrit

Posted: 6/13/2013
Quote message 

thanks.
 
Taras

Posted: 9/26/2013
Quote message 

Hi!

One good guy help me turn off Responsive in CSS http://www.youtube.com/watch?v=v0QxSu5crrU
 
Adetayo Michael Adetayo

Posted: 10/4/2013
Quote message 

how do i turn off responsive in a joomla template
 
Nafs Ruh

Posted: 10/4/2013
Quote message 

I've set up my site to be non responsive. But on mobile phones it doesn't zoom out zo that the full site is shown. I don't want to scroll left or right on my mobile phone.

I know someone said this here:

<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 3.0, user-scalable = yes, width = device-width">

I set this in index.php like he/she told us here, but it doens't scale.

Who can help us out here?
 
Nafs Ruh

Posted: 10/14/2013
Quote message 

Anyone?
 
Trevor

Posted: 10/14/2013
Quote message 

Try removing the viewport meta altogether. If you're not using a responsive design then you don't want the viewport to resize to the device width.
 
Ott

Posted: 6/30/2015
Quote message 

Hi everyone...
I use a service called clickfunnels and I want the site to not be responsive on mobile & tablet. Also like Nafs Ruh said I want the page to be zoomed out on mobile and tablet.

I guess its very similar process like the one above just a small change... "hopefully"

I cant do what the video is saying because the css files is not hosted on my servers.

Any tips & tricks?