Is there any way to display the blog view page on Helix Ultimate in two columns on tablet portrait view? Currently, on landscape view, I have two columns with articles, and I want to have it the same way on portrait (the only difference is that on portrait view modules go under content).
Solved
Helix Framework
Helix Ultimate - two columns on tablet portrait view
Accepted answer
Marked as the solution
Paul Frankowski Senior Staff
2 years ago
· edited
Hi Marin,
Almost all is possible if you know how it works and how to customize it.
I guess, we talk about section "Aktualno" and similar with Article list view , if yes, please use that custom CSS
@media screen and (min-width: 680px) {
.article-list > .cols-2 > .col-lg-6 {width: 50%;}
}Remember to Disable CSS Compression in Template Options BEFORE adding that Custom CSS, later you can turn it On again, and clear Cache.
4 more replies
Marin Asked this
Hi Paul, that works well! :) Thank you.
Is it also possible to split the top bar (above the menu bar) so that modules are left and right (not one under the other)? Just like on desktop view. Also just on tablet (I have set to hide top bar on phones).
Paul Frankowski Senior Staff
I guess you have predefiend header , so in that case Extra CSS is needed. With Custom Header you can do that just from settings.
For both tasks you can use general common code:
@media screen and (min-width: 680px) {
.article-list > .cols-2 > .col-lg-6, #sp-top1, #sp-top2 {width: 50%;}
}
Marin Asked this
Thank you for help. Everything is working :)
Paul Frankowski Senior Staff
I'm glad to hear that. Have fun.
Log in to reply.