Move logo to the middle and remove hamruger menu on mobile

Hi,

I want to remove the hamburger menu on mobile and move the logo to the middle. I have hidden the hamburger and chosen the option within Squarespace to position the logo in the middle. Still, because of the hidden hamburger bar, it is moved slightly to the side (see image attached below).

I used this code:

  .header-burger {
    display:none !important; 
  }
</style>

Website: https://prianicuisine.squarespace.com/

Thank you!

14 hours ago, markosuncetizarko said:

  .header-burger {
    display:none !important; 
  }
</style>

This code isn't complete, you either need an opening <style> tag at the beginning if you are putting it in code injection, or remove the closing </style> tag if you are adding this to Custom CSS.

14 hours ago, markosuncetizarko said:

Website: https://prianicuisine.squarespace.com/

Your website is password protected, can you share that password here please?