Do you know how to fix these issues in the categories menu?

[oscar10]

I want to have a menu with some items, each item should have a border at right, and also there should be a border-bottom but occupying the full width. The issue is that the border bottom is only occupying the container with, not the full width. The container class should be necessary because the categories text should only occupy the container width.

Also when the user hovers each item it should appear a border-bottom below the item, and its working, the issue is that when the user hovers each item the item text moves a little bit, do you know why?

Do you know how to solve these issues?

The code with the issues: http://jsfiddle.net/pjgt1q35/

[uxfed]

If I’m understanding you correctly, I’d suggest a few things.
1. Replace your container class with container-fluid px-0
2. Remove the border-bottom style from your li elements
3. Add the border-bottom style to the ul element.

[Author]

Posts