3133 posts
  • Located in Australia
  • Helps us moderate the forums
  • Has been part of the Envato Community for over 5 years
  • Helped several times protecting Envato Market against copyright violations
+16 more
dtbaker Moderator says

Hey guys,

Has anybody added a “View Desktop Site” or “View Full Site” button at the bottom of their themes which basically disables any responsive stylesheets?

(this is for the not-logged-in end user – there is already a backend theme option to globally enable/disable responsive)

After clicking the button the end user would receive the entire full desktop site and can zoom in just as if it was non-responsive.

The button could be javascript which simply removes the stylesheet from the DOM and keeps a cookie to remember their choice, or it could save the choice in a session and remove the stylesheet on page load (bad for caching plugins).

Thoughts?

296 posts
  • Has referred 1+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Made it to the Authors' Hall of Fame
+3 more
CodeFusion says

I honestly cannot foresee myself using a mobile device and turning off the responsive state.

But, for the 3 extra lines of code, I can’t see how it would hurt. Just make a setting in a config JS to enable/disable the button – thus, giving the buyer the best of both worlds.

631 posts
  • Has been part of the Envato Community for over 3 years
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
ChapterThemes says

I honestly cannot foresee myself using a mobile device and turning off the responsive state. But, for the 3 extra lines of code, I can’t see how it would hurt. Just make a setting in a config JS to enable/disable the button – thus, giving the buyer the best of both worlds.

Indeed.

I only figured such thing as an admin option – which you allready have. For the few lines of code it might be a good feature to have.

Maybe you should also have it optional through the admin, so admin can decide if they want the ‘view desktop site’ link somewhere. Small effort – nice option

1797 posts Don't Worry, Be Happy
  • Sells items exclusively on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
  • Located in United States
  • Made it to the Authors' Hall of Fame
+8 more
FinalDestiny says

I consider it quite useless, why would someone NOT want their website to be responsive? And at least in modern grid systems like Bootstrap, since they use percentages only, I doubt there’s any quick way of making it non-responsive.

480 posts
  • Sells items exclusively on Envato Market
  • Has sold $1,000+ on Envato Market
  • Attended one of our Meetups around the world
  • Located in United Kingdom
+3 more
FlatKing says

Depends what happens to the usability I always use outlook on my phone in non mobile mode

3133 posts
  • Located in Australia
  • Helps us moderate the forums
  • Has been part of the Envato Community for over 5 years
  • Helped several times protecting Envato Market against copyright violations
+16 more
dtbaker Moderator says

Yep I always hear complaints from people wanting to see the “full/normal” website due to decreased usability. Some wish to see the entire large website without having certain menu/graphics/cool stuff hidden or changed because of their small screen size.

and I personally prefer viewing some sites in ‘desktop’ mode from a small phone, especailly some of those ones that do a pesky ‘mobile’ redirect to a borked mini-site. the google chrome mobile ‘request desktop site’ does not remove responsive, just changes the user agent.

I might add it into the next theme and see what people think. Of course with an option to disable it (ie: remove the entry from Appearance > Menu).

480 posts
  • Sells items exclusively on Envato Market
  • Has sold $1,000+ on Envato Market
  • Attended one of our Meetups around the world
  • Located in United Kingdom
+3 more
FlatKing says

For a tiny amount of code it isn’t that much hassle adding it in even if just 0.1% want to use it – Then again it’s more about the people viewing their websites

145 posts
  • Made it to the Authors' Hall of Fame
  • Had an item featured on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has collected 1+ items on Envato Market
+4 more
Cubell says

Personally, I also sometimes go on “full-site” mode on websites, but that’s because the website’s responsive design isn’t very good or it’s simply difficult to navigate. If the responsive design is good, I would say it isn’t necessary to have an off switch.

Also, what are you building for? If you are creating a WordPress theme I’m not sure if this is that easy, because if I understand the new guidelines correctly:

“Keep media queries grouped by media at the bottom of the stylesheet.”

It sounds to me that you have to keep all your css in a single stylesheet, with the media queries in order. Or would you @import them at the end of the stylesheet? @import isn’t ideal for loading CSS and i’m not sure the trade off to turn responsive off is worth it.

1485 posts
  • Has referred 1+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Made it to the Authors' Hall of Fame
+3 more
OriginalEXE says

It sounds to me that you have to keep all your css in a single stylesheet, with the media queries in order.

Of course not, no one restricts you to the number of actual css files. It’s just a rule that if you have media-queries in css file, they should be grouped at the bottom.

145 posts
  • Made it to the Authors' Hall of Fame
  • Had an item featured on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has collected 1+ items on Envato Market
+4 more
Cubell says


It sounds to me that you have to keep all your css in a single stylesheet, with the media queries in order.
Of course not, no one restricts you to the number of actual css files. It’s just a rule that if you have media-queries in css file, they should be grouped at the bottom.

Yeah I get that, what I meant was that the main stylesheet will need its relevant media queries in the same stylesheet, which means that under the guidelines the responsiveness can’t be easily removed from the DOM with JS, unless a different approach (@import) is used or there’s a nice little trick with JS that I am unaware of :)

by
by
by
by
by
by