joshuahext Posted August 24, 2023 Share Posted August 24, 2023 Hi all, So, I am creating a menu for a client, using the menu block, but they want the menu to only have two collumns even at wider screen sizes. Is there a way to limit the amount of columns that the multi-column layout creates? The link is below: https://www.cinicocoffee.com/menu Thanks! Link to comment
joshuahext Posted August 24, 2023 Author Share Posted August 24, 2023 Hey all! Not going to take this down but found you can adjust the menu columns by using the below CSS: .menu-block .menu-style-classic .menu-items { column-width: 25em !important; column-gap: 4em !important; } By adjusting this I've gotten to something the client is happy with. Do let me know if there's another way though! Link to comment
tuanphan Posted August 27, 2023 Share Posted August 27, 2023 Or just use this code .menu-block .menu-style-classic .menu-items { column-count: 2; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment