Hey People,
i want to center the main menu in the Theme “Flow” can you help me out?
Topic summary
Main issue: Center the main menu in the Shopify Flow theme.
Key updates:
- Support requested the store URL and password to assess the header/menu alignment. The merchant shared the site link and password.
- Solution provided: Edit Online Store > Themes > Edit code > Layout > theme.liquid and add a CSS rule before the closing tag targeting #top_links_wrapper.
What changed (CSS):
- Set width to 88% and apply justify-content: center to center the menu container.
- CSS is a styling language for web pages; theme.liquid is the main layout file in Shopify themes.
Outcome:
- A screenshot showed the menu centered after the change, and the merchant confirmed it works.
Status:
- Resolved; no remaining questions or disagreements.
Notes:
- An image (screenshot) was included to demonstrate the result.
Hi, @Fred310
Greetings from the Wholesale Helper Support Team! Happy to help you today.
Please provides us the page Url and password (if store password is enabled) , so that we can analyse the problem .
Let me know If need further assistance
Regards,
Wholesale Helper Support Team
Hey @Wholesalehelper ,
here ist the Site: https://anonia.de/
The password is: Anonia24!
Thanks in advance.
Hello, @Fred310
Greetings from the Wholesale Helper Support Team! Happy to help you today.
- Go to online store > theme > Edit code > Layout > theme.liquid (file) and Paste the below code at the end of the file, just before the closing " " tag → Save
#top_links_wrapper{
width: 88% !important;
justify-content: center !important;
}
- After adding the above CSS, it looks like this-
Let me know If need further assistance
Regards,
Wholesale Helper Support Team
1 Like
Thank you!! It works great.