Move Menu under announcment bar

[stefanensko]

Hi all, i'm looking a way to move my menu bar under the announcment bar

This is my actual condition

- announcment bar

- logo etc

- menu

But i would like to have it as

- annoucment bar

- menu

- logo etc

Thanks if helping

www.danicoffeeshop.com

Sense Theme 2.0

[suyash1]

@stefanensko - please add this css to the very end of your base.css file and check

@media screen and (min-width: 990px){
.header{grid-template-areas: "navigation navigation"  "heading icons";}
.header predictive-search{top: 89px;}
}

[Made4uo-Ribe · Accepted solution]

Hi @stefanensko 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
@media screen and (min-width: 990px) {
    .header--top-left, .header--middle-left:not(.header--has-menu) {
        grid-template-areas:
        "navigation navigation"
        "heading icons";
    }
    .header predictive-search {
        top: 90px;
    }
}
</style>

And Save. 

Result: