Drupal 8 Twig: add custom CSS classes to menus (based on menu name)

Tamás Hajas

·

Follow

Published in

Integral Vision

·

1 min read

·

Apr 29, 2016

--

7

Listen

Share

Twig templates of Drupal 8 makes our life much easier when we want to customize the HTML output. But when the goal is to change a Drupal 8 menu we have to use the menu.html.twig template which is not the most friendly one and it’s customization can be tricky because of several reasons. So I wanna show you how I did it.

Goal

Change the HTML output from this…

…to this…

…so we can keep our CSS specificity low and our CSS component easy to write and maintain.

Let’s start it!

Originally I published this article here on Medium. But later I decided to move it to my own blog. You can continue reading at thamas.hu!