Sidebar left and right, breakpoint for tablet

Cuby1231

Hello,

Default the T4-blank template moves the modules on the left- and right sidebar under the article on a small device. How can I change the breakpoint, so this happens earlier, f.i. on a tablet device?

Regards, Rienk

Ninja

Cuby1231
Hi
In layout option you can set the width of sidebar and main body ofr different screen size devices. Open the layout options >> edit the layout >> edit the component section >> responsive layout you will see option to set width for PC, tablets and Mobile .

Cuby1231

Thanks for your reply and screenshot.

I've been playing with the row options to see it I can get the result I want. But what happens is that the left sidebar will be visible op top of the content. It looks that you cannot change the order to 1.component, 2.left sidebar, 3.right sidebar (like it is already on the smallest screen).
So is there another way to fix it?

Regards,

Ninja

Cuby1231
Hi
in bootstrap its left to right. you can not change the order as it work same from PC to mobile view.
You can resize the container size to make it full width or in the sidebar.

Cuby1231

Thanks for your reply!
It's no use to resize the container, because the order is still from left to right or in small screen (sm) from top to down.
But if I don't change anything, the order in the small screen(sm) is correct for me: first content, second sidebar left, third sidebar right.
Is it not possible to force this order in the medium screen (md) in this order also? Changing the css in template.css perhaps?

Ninja

Cuby1231
Hi
Its not by css part as the layout run from left to right. It always work in this way. If you move the section to right, it will be same for all views.

Cuby1231

Ok, thanks!