How to set 2-3 columns for menu dropdown ? As well removing the footer banner

Hi,

I believe such an option may be added for the cloud header menu element, in a future update.

For the moment with a theme setting it is not possible. However I could give you a CSS code for it
2 columns – http://prntscr.com/n9w5z3

.menu-item-49 > .sub-menu{
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
width: 20em!important;
}

3 columns – http://prntscr.com/n9w6a4

.menu-item-49 > .sub-menu{
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
width: 30em!important;
}

This code can be entered in the theme panel custom CSS code section
– http://prntscr.com/n9w7ed

I can modify it if needed, or if it does no properly. It will apply only to that menu item, the one with the dropdown. Let me know.

Thanks

You could do something like this. For example enter the 3 column code in the desktop and tablets fields in the advanced CSS section
– http://prntscr.com/naf7uo teh 3 column layout looks alright in desktop and tablet sizes
– http://prntscr.com/naf8a1

In the phones field use something like this – http://prntscr.com/nafbws
– http://prntscr.com/nafc3t

.menu-item-49 > .sub-menu{
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}

Or in 2 columns maybe – http://prntscr.com/nafcjy

.menu-item-49 > .sub-menu{
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}

Two columns on phones would be better in my opinion, try both and choose the method you like best. Let me know if there is a problem I missed, or you have more questions.

Copy the code from here, no need to manually type it, works just fine when I try it. Should be no problem.

Hi,

Please try this code for mobile menu -> https://www.screencast.com/t/gglCHTVVrKn
.sub-menu {
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
column-count: 2;
column-gap: 20px;
}
Set the code in Theme panel > Custom code> Advance css> Phone

Thanks.