Center the menu

I found a thread where it provided the following to add onto the “Additional CSS” which works. However, it doesn’t seem to work when the following codes are put into the child theme style.css.

@media (min-width: 768px) {
.navbar-default .navbar-nav {
width: 100%;
text-align: center;
}
.navbar-nav > li {
float: none;
display: inline-block;
}
}

Hello, tomsychau.

Thank you for contacting us and for using our theme. We appreciate it.

I’ve visited your website and as far as I can tell the Main menu is centred. Please see this screenshot – https://screenshots.firefox.com/3M4lWKuUSkCY7Qi9/dinein.club.

If you have any additional questions, feel free to ask.

Kind regards.

Hi there,

I am also having issues with entering my menu title, would someone please be able to help me with this? It appears to be fine on my MacBook, but as soon as I access my website on my mobile my menu title is overextended to the left.

Thanks for your time.

-McKayla-

@siniplyrathemes I have made the code under the “additional css”. Would it be possible to keep it in the child theme style.css instead?

Because when I added the code onto the style.css it did not work.

Yes, of course. You can put it there as well.

If you have any additional questions, feel free to ask.

Kind regards.

@siniplyrathemes So I have moved the codes to the child theme style.css but the menu is no longer center. Can you help check the codes?

Still looking good here in both Firefox and Chrome.

This is from Chrome – https://prnt.sc/ngf4al

Could you please try to empty your browser’s cache?

Kind regards.

It worked. Thanks~!

Excellent!

Would you mind marking this thread as “Resolved”?

Thank you for your time.

Done