Responsive Curve

Started by SMF Customization Team, April 20, 2015, 06:33:49 AM

Previous topic - Next topic


It will stay the same for desktop users. Unless they resize the browser so that it gets very narrow ;)
Se forem conduzir, não bebam. Se forem beber... CHAMEM-ME!!!! :D

QuoteOver 90% of all computer problems can be traced back to the interface between the keyboard and the chair


Thanks margarett,

Still looking for some sites that are using it so I can see how it looks.
Is there maybe a demo site that I missed?

Mr. Jinx

Quote from: ApplianceJunk on April 28, 2015, 05:03:31 PM
I'm wondering how this Responsive Curve mod would compare to using SMF4Mobile?

Also could some of you post a link to your site that is using this Responsive Curve mod so I could check it out.

I prefer to use both. The responsive design keeps the look and feel of your site layout, but may not always be the best choice for mobile use. The smf4mobile theme looks completely different, but is 100% optimized for mobile use. However, not all users like it, so I let my users choose.
In fact I even offer a third option: Tapatalk. So now we we have: Responsive Theme / Mobile Theme / App!

To see this in action:

Responsive (try resizing your browserwindow)



Is there any tested theme on SMF that can be made responsive with the use of responsive mod beta3
Link to such theme(s)  will be very important to me right now because I'm stock in here now.


that is getting off topic peter.

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."


Quote from: Kindred on April 29, 2015, 06:29:03 AM
that is getting off topic peter.

Sorry my bad.
Let me open fresh topic for it.


It works nicely, I've been testing around for a bit and I found the following:

  • The board icons disappear below a certain page width, so there is no indication of unread posts per board. I see references to mobile_on in the CSS, and I think that's for a substituting new icon, but it doesn't seem to show up. The unread posts feature makes this not really an issue, though.
  • As mentioned a few posts back, the unread posts list becomes too narrow
  • Below a screen width of 640px, usernames of hidden users disappear in action=who (because they belong to class hidden)
  • Entire blocks on action=stats turn empty below 640px (.stats is shared with board and topic stat columns on the index and in topic listings)
  • Some things are too wide, for example, the report to moderator comment box is scrollable itself, the search for members form is too wide and the post subject box runs off the page.


Do note: there is only so much that can be done -- some template will just never work cleanly in "responsive" mode without re-writing the entire theme (which is NOT getting done for 2.0/Curve)

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."


I just wanted to say that this is one of the best things, you guys done. I like the new mod very much and thank for it.

And also that did  you it at the right time and re-did it as needed, with great edits at updates to it!

I sure you will please everyone, no one can!
For me this is a very good move, for those using the 2.0, and or worried about upgrading.

Well done!
And for those who do not understand this not a Blog system It a forum, and any portal or edits as mentioned above will alter the way this thing was intended to do.

Completely satisfied with it! regards,


Thanks for the hard work !

It passed Google tests with flying colors


this is how it looks on mobile


While I don't like how much has been removed, it is understandable and I GREATLY appreciate all the hard work that went into this.

Until 2.1 comes out, we all thank you!!

If anyone wants to see what a modified theme looks like with this mod (version beta 3) looks like, then tap here:

EDIT: I've added additional 'hidden' classes to clean up the layout a bit. So far I'm really like'n it!



Likewise, it's super.

I was wondering if the creators could answer a couple of small questions about it from a slightly technical pov, as I'm not remotely familiar with mobile rendering and I'd like to understand how what you've done works. Would I be broadly right with the following interpretation:

Mod adds responsive.css and it's called in default index. This then causes a set of already existing classes to have display: none, and other changes depending on @media screen and width. For example the navigation is now one sprite and bits png of this get shown depending on the menu item. No class changes or appends on other templates.

May I ask, what's the purpose of .mobile_on?

Thank you for your time,




Will this work with Simple Portal out the box, or will it need some modifications?
If it needs some modification, will it be just to the .css file(s)?


No Simple Portal needs changes.


I would Like to suggest that, if you are using any portal, with this responsive mod that, you move your left and right panel blocks to the bottom of you page, ( Lower or bottom panel ), I know some have too many blocks, but are they really needed?
Or, is some of it's just over kill.

If have adsense or relater ads, you can place horizontal ads in the "Top" or "lower" panel.
If not the side panels will over flow to the main  content ( not and Mod issue! ) if use of and portal is need.?
I have done this with a few sites and it works out fairly well.

Note: some portals will place them side by side at the 3 or four, but the issue of overflow will remain an issue!

Like mentioned above, some themes will just not work!

Some time we all need do some of the work :) Tweaking here and there!

Great Mod!



Just applied this module to my forum, and I have some suggestions after I had to made some usability changes:

The "Recent.template.php" should be patched in the same way as "MessageIndex.template.php" when it generates the "unread posts" or the "new replies" (two different places in the file) to hide the table headers of the message list, or those pages will look wrong (the topics will be very narrow).

And you could hide the "Last Post" header when you hide the rest of the column.

Hope you don't mind my suggestions and keep up with the good work!!!


If you are looking for a quick fix for Simple Portal (that's gonna cost your left-side). If you don't hide sp_left left side of the portal will show upside (not the wanted thing trust me :P).

Open your responsive.css
Code (Find) Select
@media screen and (max-width: 780px) {
padding: 0 !important;

Code (Replace) Select
@media screen and (max-width: 780px) {
/* SP Dirty Fix */
display: none;
#sp_center, #sp_right
width: 100%;
display: block;
padding: 0 !important;

I have some time before sleep I'll work on next beta, I'll fix the issues mentioned in here (forgive me if I skip anything) :)


Hi, thanks for the mod.

I have applied this module to my forum, but when I go to Recent Unread Topics, it looks weird.

Any suggestion?