How to put sidebars 50% width in responsive mode

Marcus Anderson
34 Posts
Marcus Anderson posted this 24 November 2016

When themler is is responsive mode for tablets, I'd like the left and right sidebars to go underneath the main content and be side by side. How do I achieve this?

When themler is is responsive mode for tablets, I'd like the left and right sidebars to go underneath the main content and be side by side. How do I achieve this?
Vote to pay developers attention to this features or issue.
7 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 25 November 2016

Hello Marcus,
unfortunately the answer is No. It's not possible to re-arrange the sidebars output in responsive modes in Themler.

regards,
Aileen

Hello Marcus, unfortunately the answer is No. It's not possible to re-arrange the sidebars output in responsive modes in Themler. regards, Aileen
Marcus Anderson
34 Posts
Marcus Anderson posted this 25 November 2016

Hi Aileen,
I don't understand why this isn't possible. Themler is already full of bootstrap goodness.
We call already push around our columns to change their ordering.
All we need to do is add the class .col-sm-6 to our two sidebars somehow.

Hi Aileen, I don't understand why this isn't possible. Themler is already full of bootstrap goodness. We call already push around our columns to change their ordering. All we need to do is add the class .col-sm-6 to our two sidebars somehow.
Stagger Lee
1818 Posts
Stagger Lee posted this 25 November 2016

Sidebar is just classification, naming, categorisation.
Ignore it totally, dont use it and insert columns how you want, where you want. Imagine those 2 columns are called "Left sidebar" and "Right sidebar". Browsers dont care about your sidebars and how do you call your blocks.

You can insert in them WP Widget controls, cant you ?
You can even insert Primary, Secondary areas in columns on all places in template. WordPress, dont know how it is done for other CMS.

Sidebar is just classification, naming, categorisation. Ignore it totally, dont use it and insert columns how you want, where you want. Imagine those 2 columns are called "Left sidebar" and "Right sidebar". Browsers dont care about your sidebars and how do you call your blocks. You can insert in them WP Widget controls, cant you ? You can even insert Primary, Secondary areas in columns on all places in template. WordPress, dont know how it is done for other CMS.
Marcus Anderson
34 Posts
Marcus Anderson posted this 26 November 2016

Hi Stagger Lee,
Tt's interesting you should suggest that, since I've already started using this approach. And it works for Joomla! too in the latest version.
It does, however, make it a lot more difficult for regular website users to edit a page set up like this.
It's also kind of silly, because Themler already uses bootstrap.
Sidebars are a more elegant approach. Allowing you to separate content from widget/module areas on the template.

Hi Stagger Lee, Tt's interesting you should suggest that, since I've already started using this approach. And it works for Joomla! too in the latest version. It does, however, make it a lot more difficult for regular website users to edit a page set up like this. It's also kind of silly, because Themler *already* uses bootstrap. Sidebars are a more elegant approach. Allowing you to separate content from widget/module areas on the template.
Stagger Lee
1818 Posts
Stagger Lee posted this 26 November 2016

You are not aware it is WP sidebar unless you check in source code. Column can be 100% identical to sidebar, design and content. And for Users to add/edit content.

Columns has width settings for different devices. That is why I say it.

You are not aware it is WP sidebar unless you check in source code. Column can be 100% identical to sidebar, design and content. And for Users to add/edit content. Columns has width settings for different devices. That is why I say it.
Stagger Lee
1818 Posts
Stagger Lee posted this 26 November 2016

Anyway I almost got it like in image with TH settings only. Have no time to repeat it, got error occurred message and all is lost.

  • Play with Flex Order for both Sidebars. And in Tablet mode give them width of 50%, width, max-width both.
  • Try to play with Content & Sidebars tab - Responsive On options.

Anyway I almost got it like in image with TH settings only. Have no time to repeat it, got error occurred message and all is lost. - Play with Flex Order for both Sidebars. And in Tablet mode give them width of 50%, width, max-width both. - Try to play with Content & Sidebars tab - Responsive On options.
Marcus Anderson
34 Posts
Marcus Anderson posted this 26 November 2016

Thanks. I'll give it another shot

Thanks. I'll give it another shot
You must log in or register to leave comments