Shopify themes, liquid, logos, and UX
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 ?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024