Skip to content

Bug Navbar CSS

Solved Customisation
  • Hi,

    I have this bug on my navbar with Night Mode Plugin.
    A space appears between bottom border and higlight/active icon :
    alt text

    Here is my CUSTOM CSS

    .navbar-default {
    background-color: black;
    border-color: 2px solid silver;
    box-shadow: 0 0 5px 0 silver;
    opacity: 1;
    }

    I’m oblige to add this for fix this bug:

    .navbar-default {
    ...
    ...
    ...
    ....
    height: 50px;
    }

    Can we do better than that?

  • Hi,

    I have this bug on my navbar with Night Mode Plugin.
    A space appears between bottom border and higlight/active icon :
    alt text

    Here is my CUSTOM CSS

    .navbar-default {
        background-color: black;
        border-color: 2px solid silver;
        box-shadow: 0 0 5px 0 silver;
        opacity: 1;
    }
    

    I’m oblige to add this for fix this bug:

    .navbar-default {
    ...
    ...
    ...
    ....
    height: 50px;
    }
    

    Can we do better than that?

    @downpw It’s because of the drop shadow you are using. If you set the below CSS, then this will counteract it

    .navbar-default {
    height: 50px;
    }

    Or, you could use

    .navbar-default {
    max-height: 50px;
    }
  • Not better way.

    Thanks.

  • undefined DownPW has marked this topic as solved on 1 Jan 2022, 20:55


3/3

1 Jan 2022, 20:55


Did this solution help you?
Did you find the suggested solution useful? Why not buy me a coffee? It's a nice gesture, and a great way to show your appreciation 💗

Related Topics