Hi cshinkin,
With the way you have it set up, your main menu would have the top level items (1960’s, 1970’s etc), for each of those you’d set the sub menu display mode to a mega menu, then within the mega menu builder add a Navigation Menu widget and select the corresponding menu.
You would have a lot more flexibility on how the sub menus displayed if you merged everything into a single menu structure, then Max Mega Menu would automatically handle showing the sub menu items (instead of needing to use a Navigation Menu widget).
Regards,
Tom
Thanks for the prompt reply Tom. I have to rule out a single menu as the pages are over 300, one of the Decades pages is 140 so makes editing in WordPress quite a task if its one long dropdown. If there is a guide to your first suggestion that would help me as first time using Mega.
And once I add the Navigation Widget my sub menu items are in one column.
-
This reply was modified 1 month ago by
cshinkin.
Hi cshinkin,
Max Mega Menu doesn’t alter the style or behaviour of widgets that you add to sub menus. Widgets inherit their styling from your theme or the plugin the widget belongs to.
Once your site is online, if you post a link to it here I should be able to give you some CSS to split the items across X columns within the sub menu.
Regards,
Tom
@cshinkin Please do not post emails or ask for off forum contact. That has gone amazingly bad in the past.
Your reply have been removed.
2007.sebeetles.com but site currently is passworded.
Password taken off temporarily.
Hi,
Please double check the URL, I see
“This site can’t be reached
2007.sebeetles.com’s server IP address could not be found.”
Regards,
Tom
Thanks.
First, I’d advise setting the menu up as you have on the 1960’s sub menu, that will give you the most flexibility.
If that’s a no go (as you say due to the number of items), then I would still advise setting the structure up as you have for the 1960’s sub menu, but use a plugin to automatically populate the sub menus of 1963, 1964, 1965 etc, assuming your page/category structure is all in order:
https://wordpress.org/plugins/add-descendants-as-submenu-items/
or
https://wordpress.org/plugins/jc-submenu/ (Edit: actually it seems like this is not working in WordPress 7..0)
(both plugins haven’t been updated for a while but both still work).
That way you only have the top level (1960, 1970..) and second level (1961, 1962..) items to manually add to the structure. third level items would be automatically added and you can use the grid builder to decide which year goes in which column.
Or, if you want the navigation menu widget to be split over 6 columns, add the following CSS:
.menu-1970s-container > ul {
columns: 6;
}
That’s the least flexible option, the CSS will just equally distribute the items over 6 columns, it won’t start a new column for each year.
Regards,
Tom
-
This reply was modified 4 weeks, 1 day ago by
megatom.
-
This reply was modified 4 weeks, 1 day ago by megatom.
I am working in Local. Having some success as you can see however two underlines along the top and cant seem to fill the last column.
https://2027.sebeetles.com/screenshot/
You would need to use Dev Tools to inspect the menu HTML and CSS to see why that is happening. If you would like my help, I would need to see your site in my own browser.
Would like to know also which css selectors controls menu indents and text size and line spacing.
You would need to use Dev Tools to inspect the menu HTML and CSS to see why that is happening. If you would like my help, I would need to see your site in my own browser.
Yes please would like to know very much how to customise the css for the menus. Site has been updated to show where we currently are with the MMM
[ redundant link deleted again ]
Please check your custom CSS: https://app.screencast.com/a62B8cjKvHxX9 (scroll down to see the comments)
Both of the styles you’ve added there have had unintended consequences, but can be controlled using the theme editor under Mega Menu > Menu Themes > Mega Menus instead. You should find basic layout options (padding (i.e. indents), text size, borders (i.e. underlines)) are possible in the theme editor, as well as the background color for the sub menu.
Writing CSS for a hierarchical menu is notoriously tricky so if you do use custom CSS it’s important to ensure you target elements correctly. If there is something you want to change that can’t be changed using the Theme Editor, my advice would be to set the Menu Event to Click and then use Developer Tools to inspect the sub menus and find the relevant selectors.
The 1970’s sub menu has 7 columns, but you have set the first column to “Hide on desktop” so only 6 columns are filled and that’s why there’s an empty one at the end.
