The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #279210

    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:


    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.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.