Bootstrap/joomla should have CSS classes to use that would show/hide on some displays. You'll have to track it down in the docs, unless it's only third party templates that provide that functionality...
Anyways whether it's bootstrap, joomla, or your third party template (may even have to skim through the CSS to find these helper classes) you would add them to the module class suffix so when the HTML renders for that module it uses the CSS helper class and the responsive template would either show it or hide it based on the display size.
I'd usually have 2 modules in your case and one would have the correct class for desktop and one would have the correct class for mobile. Be careful because you need to test various display sizes to make sure it's setup write to display 1 on < desktop size and one on >= desktop size.
Otherwise you can write media queries yourself in custom css and apply them to the modules.
via Joomla! http://ift.tt/1rBFP5C
Anyways whether it's bootstrap, joomla, or your third party template (may even have to skim through the CSS to find these helper classes) you would add them to the module class suffix so when the HTML renders for that module it uses the CSS helper class and the responsive template would either show it or hide it based on the display size.
I'd usually have 2 modules in your case and one would have the correct class for desktop and one would have the correct class for mobile. Be careful because you need to test various display sizes to make sure it's setup write to display 1 on < desktop size and one on >= desktop size.
Otherwise you can write media queries yourself in custom css and apply them to the modules.
Statistics: Posted by sitesrus — Thu Oct 16, 2014 7:58 pm
via Joomla! http://ift.tt/1rBFP5C
No comments:
Post a Comment