- This topic has 2 replies, 2 voices, and was last updated 11 months ago by
.
-
Posts
-
Up1The current method of adding menu icons to WP nav menus is a bit clunky and easy for clients to break. The client should not have to understand HTML to change the navigation label.
I suggest using the same approach other themes use – use the CSS Classes field to determine what icon to use, and therefore the menu item output.
Current approach:
Navigation label: <i class=”cera-icon text-primary cera-grid”></i> <span>Dashboard</span>CSS Classes (optional):
Suggested approach:
Navigation label: DashboardCSS Classes (optional): cera-icon text-primary cera-grid
Then use a custom menu nav walker (if you don’t already) to read the CSS classes, if they contain the special CSS classes extract them, add the <i> and <span> tags automatically with their appropriate CSS classes and leave the remaining CSS classes to be applied in their default manner.
Alternatively add proper custom advanced menu property fields to allow icon search and select so CSS classes don’t have to be entered manually at all.
@sjregan Thank you for precious and very detailed feedback! We’ll discuss this and be back to you.
We’ve extensively discuss your request with our development team. We all agree that there is room for improvement with the way we manage images, icons and colors with menu items, especially when those are used with Grimlock Navigation Section widgets.
As your idea could be a nice addition to Grimlock, we will add this to our task list and implement this feature in the future. Unfortunately, no release date can be disclosed yet as we’ve already a lot to work on.
We’ll keep you informed. Thank you very much for contributing to this theme!
Best,
You must be logged in to reply to this topic.
