Menu icon Foundation
Top Navigation Menu for Foundation 6

I'm using this template:

http://foundation.zurb.com/templates-previews-sites-f6/news-magazine.html

But I'm having problems in configuring the navigation main menu (Tech, Energy, Space, Medicine, etc) area.  Where do I find the CSS for this section of the template?  I need to edit the colors, width, fonts.  

I remember doing the edits in Foundation 5 (css/foundation.css) and I can easily spot the CSS lines to edit the Top Nav. 

Any tips? How do I edit the CSS for the navigation menu of Foundation 6 templates?  

Thanks! 

top navigation menumenutitle-barmain-menu

I'm using this template:

http://foundation.zurb.com/templates-previews-sites-f6/news-magazine.html

But I'm having problems in configuring the navigation main menu (Tech, Energy, Space, Medicine, etc) area.  Where do I find the CSS for this section of the template?  I need to edit the colors, width, fonts.  

I remember doing the edits in Foundation 5 (css/foundation.css) and I can easily spot the CSS lines to edit the Top Nav. 

Any tips? How do I edit the CSS for the navigation menu of Foundation 6 templates?  

Thanks! 

Magda Jans over 3 years ago

The css file is the one that you get when you download Foundation (foundation.css). Use the app.css to overwrite foundation.css and place it below foundation.css in the head of your HTML page. This way you can replace foundation.css whenever there is an update and keep your own modifications.