- This topic has 7 replies, 2 voices, and was last updated 3 years, 1 month ago by Tom.
March 22, 2018 at 6:15 am #526276drumelie
Hi, I am using the CSS code provided at the link below to create a mega menu under the ‘Local Groups’ Parent Item.
I am using the column class ‘mega-menu-col-4’ to generate 4 columns.
I would like the Child Items (days of the week) to break to a new row after the 4th column, so that everything looks nice and organized.
The first four Child Items (Monday, Tuesday, Wednesday, Thursday) should be on the first row.
Then Child Items ‘Friday’, ‘Saturday, ‘Sunday’ should break to a new row.
Please can you assist me with this?GP Premium 1.5.6March 22, 2018 at 8:25 pm #527216TomLead DeveloperLead DeveloperMarch 23, 2018 at 4:29 am #527662drumelie
I am adding ‘before’ and ‘after’ screenshots. The ‘after’ screenshot is what I would like to achieve in GP.
I created the ‘after’ screenshot with the Max Mega Menu plugin, but I would prefer not to have to use this plugin, as it takes over the entire menu. I still want the option to add a logo using GP, etc.
Thank you in advance for any assistance.March 23, 2018 at 10:14 am #528220TomLead DeveloperLead Developer
I believe to keep the items in the same column, they would have to be on the same level (ie Grandchild items: https://docs.generatepress.com/article/building-simple-mega-menu/).
Then you could give the headings a custom class to turn them red.
Let me know if that makes sense or not 🙂March 23, 2018 at 1:15 pm #528443drumelie
I can get them in the same column using this method, but the Friday Saturday, Sunday headings are not aligned horizontally. The problem is not solved by adding blank menu items, as some of the menu items above take up 2 lines.
I am using padding to adjust, but that does not seem like the best method, as it will require manual adjustment every time a new menu item is added.
Is there a better way to align the additional headings?
I just discovered that this method also does not work on mobile.
As always, thank you.March 23, 2018 at 9:00 pm #528810TomLead DeveloperLead Developer
Hmm, unfortunately it might be necessary to use the plugin to achieve something more advanced like this.
The CSS method works, but it’s very simple and limited unfortunately.March 24, 2018 at 2:36 am #529018drumelie
Thank you, Tom. I really appreciate you looking into this and providing helpful guidance. I was hoping to avoid having to use the plugin, but I agree that it provides the more advanced features for what I want to do. I am using GeneretePress for the first time on this project and really enjoying it.March 24, 2018 at 8:58 am #529327
- You must be logged in to reply to this topic.