add a link separator or a small icon between the categories in main menu

Question

Actually i have two question regarding the categories being added in the menu in the header.

1. I want to add a / sign between the menu categories. As these categories are begin added from the admin panel how can i achieve this. how to.
2. On hover it completely change the background. I only want to show a small black base on hovering the category.

Any kind of help would be much appreciated. i am using ultimo theme.

Answer 1

You can do this using css. I don't have access to ultimo on Magento 2 but I guess it's pretty much like Magento 1.x in which case it would be something like:

.nav-regular li.level0 > a::after {content:"/"}

to not show the content after the last item use:

.nav-regular li.level0:last-of-type > a::after {content:""}

not quite sure what you mean by "show a small black base on hovering the category" but try:

.nav-regular li.level0 > a:hover {border-bottom:5px #000 solid}