How to move the main menu on the below logo of Dawn theme?

[lichael06]

How to move the main menu on the below logo of Dawn theme?

https://i4ibnmyie2mhg04c-41208348837.shopifypreview.com

@Litos 

@KetanKumar 

[PageFly-Victor]

Hi @lichael06 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
@media (min-width:767px){
nav.header__inline-menu {
    left: 84%;
    position: relative;
    top: 100%;
}

sticky-header.new_wrapper.header-wrapper.color-background-1.gradient {
    height: 100px;
}

ul.list-menu.list-menu--inline {
    justify-content: center !important;
}
}
</style>

Hope my answer will help you.

Best regards,

Victor | PageFly

[Litos]

Hi @lichael06,

Please go to Actions > Edit code > Assets > style.css file and paste this at the bottom of the file:

@media screen and (min-width: 990px){
.header_new.header--top-center{
    grid-template-areas:
        "drawer heading icons"
        "navigation navigation navigation" !important;
    grid-template-columns: 1fr 1fr 1fr !important;
}
header-drawer {
grid-area: drawer;
}
.header--top-center .header__inline-menu>.list-menu--inline {
    justify-content: center !important;
}
}

it will display like this