Different layout in mobile

[Kelyan]

Hi,

I would like to do a layout similar to this one I have on my website:
https://www2.kelyan.it/servizi/cloud-infrastruttura-sicurezza/
So, completely different items from “standard web page” to mobile version.
Problem is I’ve imported the template so I don’t know which elements I have to use to create my own.
Can you please explain it?

Also, to edit the mobile version, do I have to resize the window and then edit the parts that appears in the mobile version or is there a way to see them all (standard and mobile) in a single view?

Thank you

[mldarshana]

Hi Valentina,

Thanks for writing in! You can create a completely different layout for your mobile users by using X/Pro theme’s hide during breakpoints option. You can go through our detailed guide here (https://theme.co/apex/forum/t/hide-during-breakpoint-explained/17378).

To test your page, you can use the mobile icon on the bottom left hand corner in Cornerstone.

Then you can switch to different device widths.

I would suggest you to check the following video walk-through as well to understand it better (https://www.youtube.com/watch?v=v3tOAhcpdhk).

Hope that helps.