I’ve just purchased the Palo Alto theme and am trying to set up a mega menu but realise that it’s fixed to 4 columns. How do I alter this so that I can have 5 columns across? This is currently my mega menu and as you can see I need to put all the categories on one even line across.
Welcome to shopify community.
Please share your store URL and if your store is password protected then please provide password too.
Thank you.
My URL is https://kinship-customs.myshopify.com/ and password is flieff. Thanks for your help!
Please add below code in bottom of assets/theme.css file
.megamenu-inner {
display: flex;
width: 100%;
}
.megamenu-inner ul.megamenu__links {
width: 20%;
}
Thank you.
Thank you so much, that fixes it and puts everything on one row across. However, what would I need to add or do in order to have the links stay on one line instead of going over two lines? Ideally I would want Floor lamps, Table Lamps, Outdoor Showers, Outdoor Lighting etc. to not overflow onto two lines as it us currently pictured.
Please add below css in bottom of assets/theme.css file
.megamenu-inner ul.megamenu__links ul.megamenu__links.megamenu__links–level-3 {
width: 100%;
}
Thank you.
Thank you so much - that fixed it all!