Hey guys.
Even though Artisteer 4 makes responsive design, not all modules are responsive, so i needed to make two different layout versions of some modules, and then determen which module to show in screen mode and which to show in responsive mode. Here is how I did that:
First i made two module-suffixes to add in the module-parametres:
1. -not-responsive
2. -just-responsive
All I have to do is adding one oft the two in the module class suffix area of the modules.
In my artisteer template I added this code:
----------------------------------------------------------------
/*Do not show if responsive*/
.responsive .clearfix-not-responsive{
display:none;
}
.responsive .art-post-not-responsive{
display:none;
}
/*Only show if responsive*/
@media only screen
and (max-width : 1000px) {
.clearfix-just-responsive{
display:true;
}
.art-post-just-responsive{
display:true;
}
}
@media only screen
and (min-width : 1000px) {
.clearfix-just-responsive{
display:none;
}
.art-post-just-responsive{
display:none;
}
}
------------------------------------------------------------------------
This only works with some modules, but if it doesent work on your side, simply add more style-options to the script.
I hope it may come in handy.
Andreas
http://www.dialecta.no