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

Media and Templates folders shouldn't be disallowed at first place. GoogleBot now requires access to the css/js of a website in order to understand the design and layout of a website, and these two Joomla folders are the location where most of css/js are located. So it does make sense that Google reported that your website isn't responsive, as it didn't ...


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 ...


4

The menu is there but due to the colour of the dropdown trigger, it's very hard to see as it's blending in with the background. The image below shows you: You can change the colour on line 80 of styles.css in your template: nav a#pull { background-color: #283744; /* CHANGE ME */ display: block; position: relative; width: 100%; } I'm not ...


3

In many cases what you are really paying for is support. Providing support costs template companies a lot of time and money. When you pay nothing for a template you can expect to get zero support, and if you are not an experienced Joomla developer then it is probably support that you need more than anything. Getting free templates is easy. Turning them ...


3

There are hundreds of free Joomla templates on the web, it really depends on what you consider to be 'good quality' There are few good quality free templates out there. Firstly, what version of Joomla? what framework are you looking to use? what shopping cart are you going to implement? Remember that if you do see a theme you like it's very easy to ...


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

In file /templates/lvwineries/css/style.css on line 248 in selector #bottom2 add attribute z-index: -1; like this: #bottom2 { min-height: 400px; position: relative; z-index: -1; } on line 1200 in selector #header_right add attribute z-index:1; like this: #header_right { height: 99px; z-index:1; } on line 1204 in ...


2

Future template updates will likely undo your template index.php file edits. A better way to do this (and probably worth a try if your initial method is not working consistently) is to edit your home page menu item and add a Page Class e.g. home-page under the "Page Display" tab: You can then use the home-page CSS selector in your custom CSS file to ...


2

Generally a good option would be to add custom class to your modules and any content you deem necessary to define break points. Like "col-sm-12 col-md-6 col-lg-4" (all three of these would go in your custom class together to dictate break points) or however you decide to dictate your break points, this way you are no longer writing extra media queries or ...


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 like to use zurb foundation as my base, and as Joomla 3.X is coupled with bootstrap – this is my process: design homepage in photoshop/XD build a custom static html site using foundation (eg homepage). I prefer this approach as I don't need to think about php or entering content. I have started to use avocode to speed it up the XD to code conversion. Then ...


1

Apple Safari is worth testing for simply because of the amount of iPhone users out there. You can avoid most browser issues nowadays by using normalize.css and validating your HTML and CSS. If you are having to write fixes for each browser, do that first.


1

NOTE: Older versions of the joomla robots.txt file included this restriction and it was not possible for Joomla to change that on an update which is why there was a post-installation message on upgrades to inform you of this and the changes that you should make


1

Installing Lazy Load for Joomla will likely help. It's free. Lazy Load for Joomla "saves your server bandwidth and saves your users from loading images that they never scroll to". Alternatively you could implement a gallery extension e.g. Event Gallery that uses AJAX or lazy loading or similar so that a minimum number of images are loaded initially.


1

I found the issue, this was related to a min-height style only being assigned to @media only screen and (min-width : 1224px)


1

Assuming you have the Maximenu CK Mobile plugin installed, you can change the width at which the responsive menu is shown. The parameter is called Limit the resolution for the mobile menu. By default, I think it's set to 640px


1

You'd better check if the menu item is default one (i.e. Front page) than checking for home alias which might be easily changed in admin. <?php $app = JFactory::getApplication(); $menu = $app->getMenu(); if ($menu->getActive() == $menu->getDefault()) { echo 'This is the front page'; } ?> I'm sure that default menu ...


1

I read the license agreement supplied on the bootstrap.multiselect.js GitHub page as provided by David Stutz. According to my understanding of the license as provided, since you are not redistributing the work as a part of your own work or another project there should be no reason you can not use the work on your own site. You may want to include this in ...


1

Strict standard errors is something a lot of people have asked about. I hope you did some research first. Basically, your live server is most likely running PHP 5.4+, where by default, strict error are set to appear. They're not an issue so you can simply turn them off. Firstly, go into your Joomla Global Configuration, and ensure you've seet Error ...


1

Two files do have double slash <link rel="stylesheet" href="//media/jui/css/bootstrap.min.css" type="text/css" /> <link rel="stylesheet" href="//media/jui/css/bootstrap-responsive.css" type="text/css" /> These two may not load properly.


1

First of all, I assume you are using respond.js? It is a great tool to make IE8 responsive. https://github.com/scottjehl/Respond Now for the juiciness. All you need to do is "throttle" the event. var throttleTimeout = false, throttleTime = 2000; //2 seconds function throttleHeight(event){ if(!throttleTimeout){ //check if throttle variable is false ...


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