Change how blocks shuffle in responsive templates |
|
Webguy
|
Heya all, it seems that when you have a column on the left, in responsive templates, those shuffle to the top of content, and columns on the right, shuffle under the content, is there a setting for that, so if I wanted a single left column, the content, and wanted the blocks in the left column to shuffle under the content, or, even mix it up, is that possible.??
Would be great if you could say, ok, this module goes to the top of content, this one goes under, or not display at all etc.
|
| |
Elvira
Artisteer Team
|
Unfortunately there is no option to do it.
But I've just added it to our wish list, so our developers and managers can see this suggestion when working on future updates.
If you're interested, I can provide you with a workaround on how to disable either sidebar or blocks in a responsive view.
|
| |
Niall
|
That's why LESS is great and why all new templates and template design software should leverage bootstrap.
|
| |
jrgweb
|
You can also control this easily with jquery!
|
| |
jkwebdesign
|
You can also control this with module class suffix. But if you use this method, you need to publish three modules, one for every view. But if you dont use any suffix, then everything works like before. Idea is that if you have one module in left, then hide it with mobile and tablet views and publish it in right sidebar instead.
Example:
** Remember to put [space] before text **
phones
tablets
desktops
Then you need to add few classes to css file:
.responsive-phone .phones{
display:block !important;
}
.responsive-tablet .phones{
display:none !important;
}
.desktop .phones{
display:none !important;
}
.responsive-phone .tablets{
display:none !important;
}
.responsive-tablet .tablets{
display:block !important;
}
.desktop .tablets{
display:none !important;
}
.responsive-phone .desktops{
display:none !important;
}
.responsive-tablet .desktops{
display:none !important;
}
.desktop .desktops{
display:block !important;
}
I havent test this exact code anywhere, but have used this kind of technigue many times and i think this will work if i didnt make any typos. Please let me know if there are something wrong and i can check it out.
And you can also make this more customized with media quaries if nessesery. I have seen that learning media quaries is really helpful when you are customizing artisteer template, because its responsive functions are really limited.
http://css-tricks.com/css-media-queries/
|
| |
Webguy
|
Thanks, will look at that.
|
| |
|
|