Swapping elements in resposnsive previews

3) Could a grid that looks like this.?
1 2 3

become
1
2
3

or become
3
2
1

or..

3
1
2

3) Additionally I’m having issues making my contact form responsive because it has a combination of single and double column fields. Like this..

Field 1
Field2 / Field3
Field4 / Field 5

Last edited 17 November 2020 by oli261

Hi Oli,

You can disable each control for the phone view using the Hide on option and add a new control that will be hidden in the desktop view and configure it for the responsive layout as you wish.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

It is a little frustrating trying to do that because everytime I try to create an independent element in tablet view. I get automatically transferred to desktop view even when the element I am working on is hidden. Is there any way I can stop this..?

Hi Oli,

When you add a new element, do that in the desktop view and then switch to the tablet. There edit the look and disable the element for other views with the hide on option. That should be working fine without switching the views.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Ok,

Previosly I duplicated the block in desktop view and hid one of the blocks.
However the issue is that I am working with the footer and I am not sure how to hide and duplicate elements to be moved arround independently in this area..

Oli,

You can try using the Grid Element.

...................................................
Sincerely,
Allen R.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

because the "hide footer" button hidess the footer in each view.. (desktop, tablet, mobile etc..)

With the grid element i haven’t found a way to change the format of the grid independently on each responsive view.? So I have not been able to use the grid element..

Hi,

The order of elements is defined in the page HTML structure. It cannot be changed for different screens. It remains in all modes. Therefore you should consider the layout where you have 3 independent containers (Grid, Group, etc.) displayed on the specific modes only. This is the only way to swap the elements visually.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Last edited 18 November 2020 by Support Team

Ok, thank you very much, that explains everything better. Oli

Last edited 17 November 2020 by oli261

Hi,

You're welcome.
Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

I have created separate containers for each element. Is this the best way when grids don’t work.?

Oli,

Containers are hard to position. Grids work best for elements that may be out in columns visually.

...................................................
Sincerely,
Allen R.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp