Menu center not working on mobile

Activello
1

Hi all,

I created a custom CSS code so the menu is centered.
My website is https;//jasmijnbult.nl

On the Desktop everything is fine.

The code I used is :

}
nav.navbar.navbar-default .container {
max-width: 100%;
}

nav.navbar.navbar-default {
float: right;
max-width: 100%;

On my mobile, the menu is on the right and the text is also centered towards the right.
When I change right in the CSS towards the center or middle nothing happens.

IMG_2902
IMG_2902750×1334 143 KB

IMG_2903
IMG_2903750×1334 139 KB

I want that the mobile menu is on the left like normal and that on the desktop it’s in the centre

How can I fix it.?

2

Hey there

try this css code:
@media (max-width: 768px){
#masthead nav {
float: none;
}
}

3

Thank you so much ! It worked! :grinning:

4

Nice to hear that :slight_smile:

Case closed