BlueBell Posted June 15, 2014 Share Posted June 15, 2014 (edited) When I try to turn off the Responsive button, it brings me to the "Edit" page. In that next page I don't see where I can switch that button off. I'd like me site look the same on computers, tablets and cellphones. Will appreciate any help. Edited June 15, 2014 by BlueBell (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted June 16, 2014 Share Posted June 16, 2014 this will not work, unfortunately. this option just shows if theme is responsive or not and it's not related to turn on / off responsiveness for example, default bootstrap template can't be non-responsive, you cant disable responsiveness for this theme. only modification of template will allow you to achieve it. i bet that your custom theme also hasn't got defature to disable responsiveness.. Link to comment Share on other sites More sharing options...
NemoPS Posted June 16, 2014 Share Posted June 16, 2014 You can't exactly toggle it off. However, if you get rid of the responsive @media in global.css and other css files... you'll get what you want, but permanently Link to comment Share on other sites More sharing options...
BlueBell Posted June 16, 2014 Author Share Posted June 16, 2014 You can't exactly toggle it off. However, if you get rid of the responsive @media in global.css and other css files... you'll get what you want, but permanently I guess, I better live with the responsive theme, it looks like too much hassle to remove things from all over the files. But thanks for your responses, guys! Link to comment Share on other sites More sharing options...
Maghrabi Posted June 30, 2014 Share Posted June 30, 2014 Hi Nemo, Should I get rid of all @media in all css files? because i did that for global.css and it left me with only the responsive view. I want the site to look the same on all devices. which @media should be removed in what css files. appreciate all the help Link to comment Share on other sites More sharing options...
vekia Posted June 30, 2014 Share Posted June 30, 2014 global.css all media queries below the "width" qual to 991px Link to comment Share on other sites More sharing options...
Maghrabi Posted June 30, 2014 Share Posted June 30, 2014 Thanks for your response Vekia, I am not a css star so what do you mean exactly? for example: @media (min-width: 768px) { .lead { font-size: 19.5px; } } this is the first @media, should i change it to 991?? Thank you for your help Link to comment Share on other sites More sharing options...
vekia Posted June 30, 2014 Share Posted June 30, 2014 the main problem is in fact that global.css contains a lot media queries. this is why i can't guide you what lines to remove exactly (because there is a lot of them!) code that you attached works also in desktop version so it isn't a code to remove. you have to remove all instances of code, where MAX-WIDTH param in mediaquery is 991px Link to comment Share on other sites More sharing options...
Maghrabi Posted July 1, 2014 Share Posted July 1, 2014 yes indeed, there are a lot of media queries. I guess all the max-width parameters mean that when a max screen size is detected a certain action has to be performed. I have therefore removed all code where max-width is 768px and 991px, I also changed other css files for navigation, and many more. it didn't have the effect I wanted. So i am a little bit stuck actually, just removing the code doesn't do it unfortunately i was also searching through the net and came across using javascript and viewports?? Don't know how this exactly works. Link to comment Share on other sites More sharing options...
Recommended Posts