Header Menu Issues ( Shopify Dawn Theme )

[dreamtechzone_5]

Hello Everyone!

I want to keep the menus under "POLICIES" like the below image. Please help me. Thank you.

Store: https://dream-candle-lights.myshopify.com/

Password: Admin

I want to keep it exactly like this

[michelleallpart]

Is that the mobile view in the image you added? To clarify, you want to remove the menu item that says "policies" from the top navigation so that it looks like the menu items in your image or you want to add the policies menu item to the top navigation because the mobile version isn't showing it?

[dreamtechzone_5]

When I click on the policies menu, the menus will look like the above image in desktop mode. Now the policies menus are showing on the left side. I don't want to keep it like this.

[michelleallpart]

This is what I see in desktop mode: 

So, you want the drop-down items, (faqs, shipping info, privacy, etc) to be in the middle, opposed to the left?

[dreamtechzone_5]

Right

[michelleallpart]

Ok, how famiiar are you with HTML?

If you aren't that's fine. Do you know how to find the class or tag of those drop down items? I can walk you through it if you need me to. That will be the first step.

[PageFly-Richard · Accepted solution]

Hi @dreamtechzone_5 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
#MegaMenu-Content-5 {
left: unset;
right: unset;
padding: 40px;
}
#MegaMenu-Content-5 .mega-menu__list > li {
max-width: 100%;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly 

[dreamtechzone_5]

Wow Great. It worked. Thank you very much PageFly-Richard.