How To Center The Menu On The Stiletto Them

Topic summary

Issue: Center the main menu in the Stiletto (Shopify) theme while keeping the logo on the left and icons on the right, on both desktop and mobile.

Solution provided: Edit the theme’s code and add a custom snippet in theme.liquid before the tag. Navigation path: Online Store > Themes > More actions > Edit code > theme.liquid.

Outcome: The change worked as confirmed by the requester; the issue is resolved.

Note: The specific code snippet referenced is not visible in the thread (the code block is empty), which limits reproducibility for others. The key action is placing the custom styling/script in theme.liquid before to center the menu while preserving logo and icon alignment.

Summarized with AI on January 2. AI used: gpt-5.

Hello!

I am using the stiletto theme and I want to center the main menu while keeping the logo on the left and the icons on the right. I would like to center the menu both in mobile and desktop versions.

My website is www.winnerofficial.com and my password is y21

Hi @martujv

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly

1 Like

It worked! Thank you! Have a nice day.