- This topic has 3 replies, 3 voices, and was last updated 3 years, 5 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,
Hi Sam,
We have recently released an update of your theme that includes the compatibility with WP Menu icons plugin. Updating your theme to the latest version and install this plugin should add it to your website.
With this update, you don’t need to use the
<span>in your vertical menu to hide the labels.After the update, any integration problems should be fixed. However, you might still be seeing an issue because your browser cache is showing you an older version of the page (browsers do that to load pages faster). To see that the issue is resolved you will need to empty your browser cache and reload the page. If you want to read more on what browser cache is and how to clear it, here is an article that might help you:
https://www.lifewire.com/how-to-clear-cache-2617980Let us know if you need more explanations.
Kindest regards,
The topic ‘Make it easier to assign menu icons’ is closed to new replies.
