Drupal 8 Theming - Part 07 - Adding Main Navigation

In this episode of Drupal 8 Theming tutorial series we are going to learn how to make main navigation that we are going to put into our header.

I'm also going to show you how to make a new region that will hold our navigation so that we can style it with css easily.

Code used in this tutorial:

[sewunakpandana]

Naa this guy is too good. Clarity of work. Step by step and self-explanatory. ⭐⭐⭐⭐⭐

[manuelsuarezabascal]

I am currently working in doing a Drupal Theme for the first time for a client of the company I am working for and your tutorial is saving me mate! Keep up the good work!

[goncalodumas]

Thanks for this great set of videos - best tutorial on drupal I've seen so far!

[danielkacou]

thank you for your time that you took for this magnificent tutorial

[SimPwear]

This series is rocking! I have been tasked to theme a Drupal site. Never used Drupal before and this became a Gem.

[gavrstanislav]

Ivan Thank you! this is the best selection for theming Drupal 8
although I like the less more than sass

[effjayyt]

Hi Ivan, great tutorials, thank you very much.

[avasilencia]

thank you so much, Ivan, for your wonderful tutorials and all the time and effort you put into them.

It's truly a blessing to watch them, keep going! :-)))

[JFlywheel]

Great tutorial, but for some reason I cannot get the new menu to accept any style changes added to the _header.css. Drupal seems to completely ignore the css.

I add the region to the info.yml for the theme and the css class name to the div surrounding the page.main_navigation reference and the menu appears in the header. My CSS is being ignored though and I can't figure out why. (I'm new to Drupal). Just spent a copuple hours trying to figure out why my css does not load for this menu :(

Got it working, it was a typo and I found it int he console output after turning on gulp watch.

[FTLOBeats]

when using @include span(5 last); on the main-navigation, my links become unclickable when in admin mode. when i log out everything is fine, anyone any idea ?

[maxgloba_dev]

Зачем пихать Main nav в Main nav ?? Если можно просто вставить в header и не парится, в дебаге есть путь к файлу для редактирования.

[BrianXMurphy]

You introduced Susy without teaching it. It might be safer to assume a basic knowledge of CSS and teach from there.