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.
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
It worked! Thank you! Have a nice day.