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

hasanali1
Shopify Partner
126 5 14

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

hasanali1_0-1679600556697.png

 

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

password - reucho

thanks in advance!!

 

 

 

 

 

Replies 5 (5)

GemPages
Shopify Partner
5588 1261 1209

Hello @hasanali1 ,

 

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

GemPages_0-1679626659430.png

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

GemPages_1-1679626676514.png

<style>
.header-wrapper .header {
    display: flex;
    justify-content: space-between;
}
</style>

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

PageFly-Victor
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

 

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
Shopify Partner
126 5 14

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

 

PageFly-Victor
Shopify Partner
7865 1785 3058

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

PageFlyVictor_0-1679798684748.png

 

GS-Web-Design
Tourist
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