How can I align my website's menu and submenu in the header?

Shopify Partner
126 5 14

How can I center the menu in the header? as well as the submenu under SHOP



website -

password - reucho

thanks in advance!!






Replies 5 (5)

Shopify Partner
5588 1261 1209

Hello @hasanali1 ,


You can follow these steps: 
1. Go to Online Store->Theme->Edit code


2. Open your theme.liquid file, paste the below code before </body>


.header-wrapper .header {
    display: flex;
    justify-content: space-between;

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

GemPages - Build any high-converting store pages for any business

- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

Shopify Partner
7865 1785 3058

Hi @hasanali1 

This is Victor from PageFly - Landing Page Builder App


You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save {

    display: flex !important;

    flex-direction: row !important;

    justify-content: space-between !important;


.list-menu--inline li {

    display: flex !important;

    justify-content: center !important;



Hope that my solution works for you.

Best regards,

Victor | PageFly

Shopify Partner
126 5 14

hi! i have tried this, workes but now they are going more to the right


Shopify Partner
7865 1785 3058

@hasanali1 I see it center now. Please let me know if the problem is still not solved



9 0 1

Same thing happening here - Menu goes slightly to right instead of centre. Someone please help

Screenshot 2024-03-05 at 3.04.48 pm.png