I am trying to centralize the main menu - I am using Stiletto Theme

Store Design
,
1

I am using Stiletto Theme and I want to centralize my main menu while keeping the logo to the left and the icons (login, search, cart) to the right side. Currently the icons and logo are in the right place but I am unable to move the main menu to the center. Can anyone help fixing this ?
Thanks in Advance.

2

Hey, @technase

I’m confident one of our Shopify experts would be able to accomplish this at a reasonable price. I just wanted to share this as an option in case you are unable to find a coding solution in your thread.

If there is anything else I can help you with, please let me know.

3

To center-align the main menu in the Stiletto theme while keeping the logo on the left and the icons on the right, you can use CSS. Here’s how you can achieve it:

  1. Go to your Shopify admin and navigate to “Online Store” > “Themes”.
  2. Click on the “Actions” button for the Stiletto theme and select “Edit code” from the dropdown menu.
  3. In the theme code editor, locate the theme.scss.liquid file under the “Assets” folder and open it.
  4. Scroll to the bottom of the file and add the following CSS code:
.site-nav__container {
  display: flex;
  justify-content: center;
}

.site-header__logo {
  margin-right: auto;
}

.site-header__icons {
  margin-left: auto;
}
4

I did try this code. It doesn’t change anything. Pasted at the bottom of theme.css

5

Hey,
Sorry I can’t give you colab access. I don’t have permissions, I am on a staff account myself.

6

Hello @technase

Could you please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution?