News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

Non-responsive 2.1 theme?

Started by Sir Osis of Liver, Yesterday at 01:07:31 PM

Previous topic - Next topic

Sir Osis of Liver

I've had an odd request, some members of a large forum we upgraded last night are asking for a "non-mobile" version of Curve2.  AFAIK all 2.1 themes are responsive.  Is there any practical way to make Curve2 or any other 2.1 theme non-responsive?  It would be installed as a second theme for users who want it.

When in Emor, do as the Snamors.
                              - D. Lister

All Colours Sam

Clone your theme and leave the responsive.css file empty on the new one, some responsiveness is handling via js (new smc_PopupMenu()) depending on how hardcore your users want their non-responsive theme you will also need to make changes to it to avoid replacing the menus.


This is, of course, if the definition of "non-mobile" moves towards the actual mechanism to display info in reduced screens and not just a cosmetic look.
Oh, wouldn't it be great if I *was* crazy? ...then the world would be okay
Suki

Sir Osis of Liver

Already tried removing responsive.css, didn't go well. :(

If you look at 2.0 Curve on mobile what you see is a small version of the desktop theme, it's exactly the same and can be zoomed up.  I believe that's what they want.  Waiting for more info from forum admin.


When in Emor, do as the Snamors.
                              - D. Lister

All Colours Sam

In what sense it didn't go well?

What is what you actually want to achieve? do you want to go to a forum in a phone and see both vertical and horizontal scroll bars?
Oh, wouldn't it be great if I *was* crazy? ...then the world would be okay
Suki

Sir Osis of Liver

Quote from: Sir Osis of Liver on Yesterday at 01:23:10 PMIf you look at 2.0 Curve on mobile what you see is a small version of the desktop theme, it's exactly the same and can be zoomed up.  I believe that's what they want.  Waiting for more info from forum admin.
When in Emor, do as the Snamors.
                              - D. Lister

shawnb61

#5
Sounds familiar...

I had some guys who strongly preferred "pinch & zoom" over responsive.  More options all visible at once, e.g., the search bar at the top usually goes away in responsive.  Also, not having to navigate a menu to get to the Reply button.  That stuff drove them nuts, they kept saying they couldn't even reply or search anymore.

They wanted pinch & zoom back...

I basically told them to learn how to turn on desktop mode on their browser. 

That was too complicated, apparently, but they figured out that if they rotate their phones to landscape they got most of it back & (over time...) stopped complaining.

(Of course, these guys wanted core back, too...)

I do think a big part of it would be addressed if Search was kept in the top menu bar (instead of language) and if Reply was kept visible (instead of Quote or Quick Edit)...   I do agree with them that having Reply & Search directly accessible would be a good thing. 
A question worth asking is born in experience & driven by necessity. - Fripp

Diego Andrés

Remove
<meta name="viewport" content="width=device-width, initial-scale=1">
From the index.template.php

SMF Tricks - Free & Premium Responsive Themes for SMF.

Sir Osis of Liver

Yeah, Diego, that works fine, just like 2.0 Curve.

Now, they're also complaining about ads at top of forum being too large and stacked vertically in phone view.  Using ad management mod.  You can see that here.  When I take out the meta viewport, they're arranged nicely same as on desktop here.  Is it possible to do the same thing just to the ads, so the rest of the forum is responsive as normal?
When in Emor, do as the Snamors.
                              - D. Lister

Diego Andrés

If those are google ads I think in the panel you have the options to explicitly define if they are responsive/mobile or how they should behave.
Perhaps a different type of ad block would work for you, I am not entirely sure.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Sir Osis of Liver

The ads are formatted as html tables embedded in top of footerfix div.  They're not Google ads.  Trying to set table width 100%, but the three largest ads are still stacked in phone view. >:(

When in Emor, do as the Snamors.
                              - D. Lister

Advertisement: