Moving Logo above menu

[DeckHeadMaz]

My current website has my logo to the left of the menu. How can I get it to show my logo above the menu and the menu fill the full width of the website instead of piling on top of each other in the middle like it currently is. TIA

[ThePrimeWeb]

Hey @DeckHeadMaz ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

[Guleria]

Hello @DeckHeadMaz ,

Please share the store URL.

Thanks

[DeckHeadMaz]

www.deckheaduk.com

[Guleria]

Follow these steps:

1. Go to Online Store → Theme → Edit code

2. Open your base.css file and paste the following code at the bottom:

@media only screen and (min-width: 991px) {
.header{
    display: inline-block; 
    max-width: 100%;
 }
h1.header__heading { 
    text-align: center;
 }
nav.header__inline-menu {
    width: 90%;
    float: left;
 }
.header__icons {
    width: 9%;
    float: left; 
 }
}

Thanks

[DeckHeadMaz]

Awesome thank you so much but did i do something wrong as it isn’t showing centre?

[ThePrimeWeb]

I don’t understand. Can you highlight what you mean? This is pretty centered to me