Helix Ultimate - Two Columns On Tablet Portrait View
Marin
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).
Paul Frankowski
Accepted AnswerHi 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.
Marin
Accepted AnswerHi 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
Accepted AnswerI 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%;}
}