Justify navbar items

Topic: Justify navbar items

Nikita Sarbashev pro asked 10 years ago

Hi, I want to justify navbar items on md+ screens. Added custom style @media only screen and (min-width: 768px) { .navbar-nav { display: flex; justify-content: space-around; } } It works fine, but if I change browser size from xs to md, navbar goes hidden. Could you advice how to solve it?

Add comment

Michal Szymanski staff pro premium priority answered 10 years ago

0 0 Best answer

Hi, what version of MDB do you use?

Add comment

Nikita Sarbashev pro answered 9 years ago

0 0 Best answer

Michal, MDB4.

Add comment

Michal Szymanski staff pro premium priority answered 9 years ago

0 0 Best answer

Try this code:

@media only screen and (min-width: 768px) {
            .navbar .navbar-nav {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100%;
            }
        }

Add comment