Hiding Columns in Maxi Sub-Menus

Your client tells you that he'd rather the column that contains the image not display on small screens in order to maximize vertical space. With Maxi Menu Magic, it's easy.

How to test the sample menu on this page

The sample menu above features Maxi Sub Menu column reordering for small screens, using the CSS instructions from the tutorial. To demo the menu, mouse over or tap the Maxi Sub Menu Trigger in a wide browser window. Note that there are 3 columns. the center one housing an image. Reduce the width of your browser window. When it reaches 768px, the center column will not be visible.

Back To Tutorial