2

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.

7
  • do you need a bottom line on hove ? Commented Sep 22, 2017 at 10:49
  • yeah a bottom line and a / sign between the categories.
    – tech_geek
    Commented Sep 22, 2017 at 10:50
  • bottom line can be come and separator " | " you can use css border right Commented Sep 22, 2017 at 10:52
  • i dont understand your answer. sorry
    – tech_geek
    Commented Sep 22, 2017 at 10:53
  • give border-right to menu items , and hide for last child Commented Sep 22, 2017 at 10:54

1 Answer 1

4

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}
11
  • let me try this.
    – tech_geek
    Commented Sep 22, 2017 at 12:09
  • it is adding but it is not being styled like i want to give a padding and margin so it should not stick with the words. It is appearing as HOME/ i want to have like this Home / Clothes
    – tech_geek
    Commented Sep 22, 2017 at 12:47
  • You're probably going to have to edit the menu template file then and put the "/" character in. The file you'll need to be looking in is probably on your server at frontend/ultimo/default/template/infortis/ultramegamenu/navigation.phtml
    – jscar
    Commented Sep 22, 2017 at 13:35
  • no there is nothing like to add in that file and this file is located in code.
    – tech_geek
    Commented Sep 22, 2017 at 13:40
  • 1
    Edited my answer
    – jscar
    Commented Sep 22, 2017 at 14:35

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.