Responsive columns

General
#1

Hi Guys,
On my site, I have:

  • on desktop: a left column with a some kind of vertical menu
  • on mobile: this column must vanish and replaced by a hamberger icon in the header to open a modal with the vertical menu

I want to use the right way.
Can you give me the solution you would adopt.
Thank you.

#2

Hey @weedor,

this could be easily achieved by making advantage of the CSS display property.
Just hide and/or show whatever you want on the desired screensize/breakpoint.

At first, you would need to place all you elements inside the editor in desktop mode and then simply show/hide specific blocks when going through your breakpoints, including the default/desktop mode.

1 Like
#3

Thank you very much @Marius.
I will set the displays following these rules.

1 Like