15

Advanced Module Manager (http://www.nonumber.nl/extensions/advancedmodulemanager) allows you to assign modules based on browser TYPE. So you could select mobile, or desktop, or specific device. It doesn't allow you to choose by size, however, so it's only useful to a degree. It may also be possible with a combination of php and javascript. I'll send this ...


10

I don't think you should be disabling modules like that and still call it responsive design. Part of the point with responsive is that it will respond to changes of viewport and not just that it prints out a different layout for different screen sizes. Depending on the example screen sizes it's possible that a tablet in portrait mode will cause the module ...


8

This is a JS class i made some time ago that could use javascript to detect viewports, it has never been put through rigorous testing but works. function ResJS(){ this.min = 0; this.max = 0; this.config = config; this.width = function(){ return jQuery(window).width(); } this.breakpoint = function(min,max){ this.min = ...


4

Both RocketTheme and YooTheme has a template called Radiance, both are from 2011-2012 and are NOT responsive. I'm going to assume you're using the RocketTheme template, since the latest version is 1.10. When RocketTheme started with "mobile friendly" templates, they weren't actually responsive, but included an option to load a customized version of the ...


4

You can contact Rocket Theme support for responsive version of the theme(If they have one). Or you should hire a developer and a designer to convert your existing theme to responsive. The Joomla 3.x comes with responsive theme by-default. If you are using Joomla 3.x. Try to switch to default template and check if switching template and then apply your ...


3

If you want to speed up performance then don't load modules that are unnecessary. If it isn't necessary on small screens then it also isn't necessary on larger screens. People with larger device displays also want a fast website that doesn't load unnecessary cruft. You are making the erroneous assumption that larger screens have more bandwidth available. ...


3

An another solution: You can use a Server Side Device detection like this: http://mobiledetect.net/ here the Joomla Plugin http://www.yagendoo.com/en/blog/free-mobile-detection-plugin-for-joomla.html and then extend the joomla/templates/yourtemplate/html/modules.php with your own mod_chrome style. Then you can write as many php if statements you like for ...


2

I generally use css @media to make this happen. Makes it simple to hide things depending on screen size and have them parse for times when a landscape tablet is wide enough to show it and the portrait width is not. Here is an example: @media (max-width:699px) { #moduleid, .modulewrapperclass {display:none} } I usually use this to hide an entire module ...


2

I would suggest that browser sniffing is the wrong way to go here. If you really want to only load modules based on screen width, you need to be running some javascript, which then calls the module by AJAX (com_ajax). Bear in mind that there may be a payoff in terms of search engine optimisation for content loaded by AJAX.


2

I can't go through your entire CSS, but it looks like your code is not optimized for responsive design. You've been using width:960px in many places, and this breaks the responsive design. Use % or max-width. In addition, you've added your custom code after the default media queries, thus overriding them with fixed widths. Moving your code above the default ...


2

I managed to do this, thanks to the link from @Lodder. In the Helix3 template layout, I swapped the positions of the left sidebar and main content blocks (drag and drop). Now the layout is like below; - header | - main content | left sidebar | - footer | Then I added a css class to each block as follows; main content pull-right left sidebar pull-...


1

I don't think bootstrap 2.x mobile compatibility is 'that' very limited. It's powerful enough to do the the basic mobile compatibility things, especially when you just need it for displaying rows and columns. In my opinion as a template designer, I think the best approach to design component view / layout is to code it as native/standard as possible you ...


1

It turns out that it was an error with the styling. body div { overflow: hidden; } This was the culprit!


1

This is a very big question. The simplest approach is to implement responsive technologies that can work on several devices at the same time. Joomla 3 has a basic Bootstrap-based template, you can create your own template (implementing any Fluid framework, like Foundation), or you can start with one of the latest templates from a well-known provider. For ...


1

You could load it on demand using some javascript that calls com_ajax and returns only the modules for the current size.


Only top voted, non community-wiki answers of a minimum length are eligible