How do I go about centering the main menu on the Warehouse theme? It is currently on the left side and want it central to the screen. Thanks for any input in advance!
Topic summary
A user seeks help centering the main menu in the Warehouse theme, which currently aligns to the left side of the screen.
Solution Provided:
- Open the theme’s liquid.theme file in the code editor (Online Store → Theme → Edit code)
- Paste custom CSS markup before the
</body>tag - An implementation screenshot was shared to guide the process
Follow-up Issue:
After implementation, the menu briefly appears left-aligned for approximately 5 seconds during page load.
Recommended Fix:
Move the CSS code to a position below the <head> tag instead of before </body> to eliminate the loading delay and alignment flash.
Hello @CDAaccount
It’s GemPages support team and glad to support you today.
To provide you with the most precise solution in this case, could you please share the store link?
Hello @CDAaccount
It’s GemPages support team and glad to support you today.
I would like to give you a solution to support you:
- Go to Online Store → Theme → Edit code:
-
Open your theme.liquid theme file
-
Paste the below code before :
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
Why does it still show up to the left briefly for like .5 seconds when loading in website?
Please move the above css to the position below the . tag