Problem with the Mobile Navbar Overlay Menu Alignment

Site URL: https://lime-brass-l745.squarespace.com/config/

Hi! I have a problem with the mobile navbar overlay menu. The navigation links don't align to the center even I've chosen the "center" alignment.   

site password: eve

1 hour ago, sannijuusela said:

Site URL: https://lime-brass-l745.squarespace.com/config/

Hi! I have a problem with the mobile navbar overlay menu. The navigation links don't align to the center even I've chosen the "center" alignment.   

site password: eve

This code is pushing your navigation on mobile

You can try the following code to overwrite it

@media only screen and (max-width: 767px) {
  .header-menu-nav-item {
    padding-left: 0;
    padding-right: 0;
  }
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

My testing

Hi! Thank you for your fast reply.

How do I add the code on the site?

On 10/14/2022 at 2:06 AM, sannijuusela said:

Hi! Thank you for your fast reply.

How do I add the code on the site?

Design > Custom CSS

Hi! Thank you @bangank36 and tuanphan for your help. The problem is now solved.