Hello, I wish first of all to thank you for your interest in this mod. I also want to clear some things and give more details about this product. This mod was designed to be our engine behind all our future templates, something very small in size (just two files, a css and a js) that will turn the "responsive as a rock" classic Dolphin templates to something more close to present time requirements.

The mod will work perfect with my templates because I try as much as possible to retain same div names and not add any custom ones in the already heavy layout, but it might not work PERFECTLY, out-of-the-box with other custom templates.

For example if you have some custom banners in the layout - they will not resize as the layout, flash apps, custom divs etc. They will not resize because they all have custom class names which in order to make them sync with the rest of the layout, they also need to be added to the resize list in the mod's css and/or jquery file (jquery if you have a custom menu).

This mod is not doing any magic, if your template still has same div names as the ones in UNI, it will make your template responsive out-of-the-box, if your custom template has custom slide-shows or any other custom elements, they first must be added manually to the mod so they will also be resized.

I will try to guide everyone that needs help to implement it, but remember that Dolphin's templates were never designed to be responsive in the first place, that's why it might not look perfect without some fine-tuning.

We will try to improve the mod every day and fix the bugs, till now we did not received any support message to state that the mod "if someone joins using their mobile phone the picture/Avatar will be sideways.". Our mod doesn't use any css3 rotation in the css file or through the jquery. Can you please attach a screenshot of the issue?

 Can you please attach a screenshot of the issue?

 This mod is in continuous development, but in short, anything can be resized to fit the screen, by css or jquery. I will do more testing on this area that you mentioned.

The mod has been updated, added 100% max photo width to groups and events pages and also fixed the main menu jquery trim.

Let me know if you have any other issues.

@UnderDogAll - This mod is not a "responsive design", this is like a prosthetic device that will make the "rock" aka Dolphin act more responsive. There are tons of templates out there that all look pretty, but very few are actually functional, professional, light or responsive. We add the responsiveness to such templates, nothing else. Dolphin was not coded in the right way, there are many things that cannot be transformed into something responsive, take for example the thumbs in the Groups photo slide show, it's impossible to align them in center because they have a hard coded absolute positioning generated by a script and cannot be overwritten.. This is just one. I try only to make a "rock" more responsive and be usable on mobile devices. As for the file size of the photos, this can't be done through this mod, I think the solution will be to edit the default modules to resize the photos on upload or just put a file size limit.

 The mod has two files a css and a js. The css controls the layout, including the main menu, the js is there only to trim the main menu as screen size requires, on page load and also on resize (delayed). You must add the class inside the css where you see width 100%, next to other classes that are already there.

I have made some collages to show exactly how the mod works under different resolutions, different layouts with 1, 2, 3 or 4 columns and also how the main menu elements are moved under the "More" element depending on the screen size.

1 Column Layouts: On one column, it's easy: 100% width for the only column no matter what screen size. The main menu elements are moved dynamically under the "More" element depending on the screen size.

2 Column Layouts: On two column layouts, the mod preserves the original widths of the columns (set in admin panel) until the screen size gets smaller than 1152 pixels, then the columns become 50% - 50% in width. Under 720 pixels the two columns become 100% in width. The main menu elements are moved dynamically under the "More" element depending on the screen size.

3 Column Layouts: On three column layouts, the mod preserves the original widths of the columns (set in admin panel) until the screen size gets smaller than 1152 pixels, then the columns become 100% - 50% - 50% in width. Under 720 pixels all the three columns become 100% in width. The main menu elements are moved dynamically under the "More" element depending on the screen size.

4 Column Layouts: On four column layouts, the mod preserves the original widths of the columns (set in admin panel) until the screen size gets smaller than 1152 pixels, then the columns become 100% - 50% - 50% - 100% in width. Under 720 pixels all the four columns become 100% in width. The main menu elements are moved dynamically under the "More" element depending on the screen size.

 Indeed, this mod is created JUST for CUSTOM templates that keep the same class names as the UNI template (and there are plenty of such templates). This is just a mod that will help your "ROCK" template fit in mobile screens. Of course a template DESIGNED to be responsive is much better than a template that was not meant to be responsive.. If you have a template that you like very much but you don't have it to be responsive, then use this mod and it will be a almost responsive template..

You can't get wrong with hostforweb.com, I recommend them to all my clients for years and all are satisfied..