Menu center not working on mobile

Hi all,

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

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.

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.?

Hey there

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

Thank you so much ! It worked! :grinning:

Nice to hear that :slight_smile:

Case closed