Nav Bar with other color

[pimpãoclothing]

Hello everyone, I'm trying to recreate this prototype menu, but I'm not getting it right, I'm leaving the current version below. I mainly wanted the navigation items to be below the logo/search bar/log in/cart, and for them to have a background of this color: #956235 and for this background to go all the way to the edges of the site. Can anyone help? Thanks

 

[SafeerAhmed]

can you please share the preview link and password( if any )

[pimpãoclothing]

Hey! Yes of corse 

Preview link: https://umhw5c-2w.myshopify.com/?_ab=0&_fd=0&_sc=1

Pass: mahpor

[SafeerAhmed]

Hey go to customize>Theme settings> Layout and set the page width to 1500 to 1600px
then add this code in assets/base.css

nav.header__inline-menu {
    position: absolute;
    top: 75%;
    width: 100%;
    left: 0;
}

a.header__heading-link {
    background: rgb(255 144 76);
    border-radius: 10px;
    z-index: 1;
    position: relative;
}

.header__inline-menu li a {
    color: white;
}
.header-wrapper {
    background: white;
}

feel free to dm me if you need any help  

[pimpãoclothing]

Thank you very much! It helped a lot, but I don't want to take advantage of it, can you help me just adjust the menu items to align with the "cart" and increase the size of the logo? I don't understand much about code as you can see.

[SafeerAhmed · Accepted solution]

Sure add this too

.header__inline-menu ul.list-menu{
padding-right:50px;
}
.header-wrapper .page-width{
max-width:100%!important;
}

[pimpãoclothing]

It works!! Thank you so much man, you are a life saver!

[Smithkatetech]

In your Shopify theme make sure your navigation block or a similar ul with links) is placed below the logo/search/login/cart block. You may need to wrap each block in a div with clear structure

There are more information you need to know.