Header Menu Issues ( Shopify Dawn Theme )

[dreamtechzone_5]

Hello Everyone!

I want to keep the menus under "POLICIES" like the below image. When I click on the policies menu, the menus will look like the below image in desktop mode. Please help me. Thank you.

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

Password: Admin

[sadik_ShopiDevs · Accepted solution]

Hi @dreamtechzone_5 

Please follow these steps to add the custom CSS:

Step 1: Go to Shopify Admin → Online Store → Themes → Edit Code.

Step 2: Open the file base.css (or theme.css if that's what you are using).

Step 3: Scroll to the bottom of the base.css file and insert this code:

@media (min-width: 991px) {
    details#Details-HeaderMenu-5 {
        position: relative;
    }
    div#MegaMenu-Content-5 {
        width: 250px;
        position: absolute;
        left: 0;
        right: 0;
    }
    .header--top-center div#MegaMenu-Content-5 .mega-menu__list{
        flex-direction: column;
    }
    .header--top-center div#MegaMenu-Content-5 .mega-menu__list>li{
        width: 100%;
    }   
}

Step 4: Save the changes.

Hope this helps! 😊

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you! 😍

[topnewyork]

Hello @dreamtechzone_5 you have multiple queries first I'm sharing screenshot, If this doesn't work, share with me I'll give you another answer..... 

You can create a new menu if it's possible 
1) Go the the Online Store >>> Content >>> Menus >>> Then add menus manually 

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!