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

[hasanali1]

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

website - https://the-style-luxe.myshopify.com/

password - reucho

thanks in advance!!

[GemPages]

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

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

[PageFly-Victor]

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

header.header.header–middle-left.header–mobile-center.page-width.header–has-menu {

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

[hasanali1]

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

[PageFly-Victor]

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

[GS-Web-Design]

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