joshuahext Posted August 24 Share Posted August 24 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 Author Share Posted August 24 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 Share Posted August 27 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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