Shopify themes, liquid, logos, and UX
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.
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.
Dirk | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Hey,
Sorry I can't give you colab access. I don't have permissions, I am on a staff account myself.
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:
theme.scss.liquid
file under the "Assets" folder and open it.
.site-nav__container {
display: flex;
justify-content: center;
}
.site-header__logo {
margin-right: auto;
}
.site-header__icons {
margin-left: auto;
}
I did try this code. It doesn't change anything. Pasted at the bottom of theme.css
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?
User | RANK |
---|---|
145 | |
98 | |
78 | |
69 | |
65 |
This blog post is a recap of the webinar Getting Ready For BFCM: How To Run A Flash Sal...
By Jacqui Oct 3, 2023Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023