Hi,
I am trying to create a mega menu but when I have various columns (more than 6 or 7) I want each heading to move into a second row, rather than having to scroll across. I have print screened an example. I just quickly added a few menu headings to show it.
Is there a way to have a larger mega menu but showing on one screen like the below example?
Or have a stagged menu, like these two examples below?
use css
ul {
columns: 5 !important;
}
Sorry I’m a basic user, where do I enter this code exactly?
On CSS File
Now I’m getting this, can I have some more information on this please? This hasn’t resolved with a solution?
Hi @chrislitras
You need to put this on style.css
I don’t have a style.css within edit code for the Warehouse theme? I’ve tried to put it in theme.css and am getting the below.
has this been solved ?
