Making layout responsive

This support ticket is created 8 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Our next available supporter will start replying to tickets in about 0.02 hours from now. Thank you for your understanding.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

Tagged: Backend editing, Front-end display

This topic contains 2 replies, has 2 voices.

Last updated by robertN-6 8 years ago.

Assisted by: Luo Yang.

Author

Posts

September 28, 2016 at 7:07 am #440695

robertN-6

Can you please tell me more about how Layouts is responsive or how to make it so. I don't see any responsive options.

For example how would I control at what width the sidebar (created in Layouts using custom grid) folds below the content? Or to make the sidebar invisible on mobile sites?

September 29, 2016 at 6:23 am #441174

Luo Yang

Dear robert,

The layouts plugin is based on Bootstrap, for the responsive feature, you can check this document:
hidden link

For example, make the sidebar invisible on mobile size, you can use the example codes:

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

replace "..." with CSS codes to hide the sidebar
hidden link

September 29, 2016 at 7:53 am #441248

robertN-6

I see. I would give the grid/row a CSS class and then add the appropriate CSS in the Style.css file.

OK. Would rather not load the sidebar in the first place rather than loading extra resources and then hiding them on mobile view. But it's a solution and will achieve what I'm looking for. Thanks!

This ticket is now closed. If you're a Toolset client and need related help, please open a new support ticket.