I've figured out how to change background color in navigation menu by changing values from the navigation UI library (LESS file). Now I want to add top and bottom borders to this menu, how can I achieve that? Is it possible to add a new property like "border-top-style" (or any other) to the navigation styles? and how it is done?
You can extend or overwrite the
_navigation.less file. (you can find this in
vendor > magento > theme-frontend-blank > web > css > source )
If you want to just change a few elements from this file, create a
_navigation_extend.less file in your themes
web > css > source file and add your styles in there. If you want to overwrite it entirely, don't add
_extend to the end of the file name.
You will need to import this file into your
_extend.less file using
@import '_navigation_extend.less'; or
@import '_navigation.less'; so that your changes are included in your theme.
Hope that helps!