[Resolved] Is there a simple way to assign layouts (header) to desktop & mobile

[Author]

Posts

[craigB-6]

Tell us what you are trying to do?
I use Ultimatum theme a lot, it also lets you design templates & layouts. It has a feature that I find myself using a lot, whereby I can easily toggle if a container element is displayed on Desktop or Mobile.

Is there any documentation that you are following?
I looked in your docs under Layouts and couldn't find any information.

Is there a similar example that we can see?
I have attached a screenshot of another website with the feature I'm looking for

[Nigel]

Hi Craig

Firstly, please note that you are posting in the Community Forum for users of the free Types plugin. As a Toolset customer you can and should post in the Technical Support forum which we prioritise and where you should receive speedier service.

There aren't any options in Layouts for this as such, but Layouts is built on Bootstrap (currently v3.3, we are adding support for the newly released v4). As long as Bootstrap CSS is being loaded by Toolset or by the theme (check the settings at Toolset > Settings) then you can add the classes which Bootstrap provides for this.

See the documentation on Responsive utility classes: hidden link

You can add these classes to your rows or cells in Layouts to selectively display or hide on different devices.

[craigB-6]

That is very helpful, thank you Nigel.

[Nigel]

Hi Craig

Let me mark this as closed, then, thank you.