Have a few menus on your site & looking for a quick way to add or change the menu classes and attributes? Use the theme_menu_tree__[menu_name]
override in your theme’s template.php
file to change Drupal 7 menu list class and attributes:
// template.php /** * Override theme_menu_tree(). */ function theme_menu_tree($variables) { return ''; } /** * Override theme_menu_tree__[menu_name](). */ function theme_menu_tree__main_menu($variables) { return ' '; }
The code above will allow you to easily change all menu ul
classes and other attributes or just the main menu’s ul
classes and attributes.
Looking for a module to change Drupal 7 menu list class & attributes?
Unfortunately, I haven’t been able to find one that handles the individual menu ul
instances cleanly, but the Menu Attributes module is a start. It gives users the ability to set the following attributes for each menu item — this does not help with setting the ul
classes & attributes:
id
name
target
rel
class
style
accesskey
What about Drupal 8? Check this out article out by Tamas Hajas: Drupal 8 Twig: add custom CSS classes to menus (based on menu name).
Related Articles
- Drupal Preprocess & Process Functions
- How to Add Custom Shortcodes in Drupal 7
- Drupal 7: Empty Menu Link Titles
The post Change Drupal 7 Menu List Class & Attributes — The Drupal Way! appeared first on Ben Marshall.