Header, main menu

[Sohan2198]

Hello, 
How can I fix the & make the main menu,
cover with same row with same background color,  remove extra space around logo.

Url:https://www.zisthi.com/
pass:Zisthi0206

[Made4uo-Ribe]

Hi @Sohan2198 

Do you mean like this?

If you like it full with the icons will also be full. 

This is the code. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media screen and (min-width: 990px) {
    .header--top-center .header__inline-menu {
        width: 100%;
    }
}

And save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Sohan2198]

@Made4uo-Ribe 
Still showing white space left and right,

[Made4uo-Ribe · Accepted solution]

As I said also the icons will be in full width, like this. 

Here is code I use.

@media screen and (min-width: 990px) {
.header--top-center .header__inline-menu {
        width: 100%;
}
.header:not(.drawer-menu).page-width {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
details-modal.header__search {
    padding-left: 5rem;
}
.header__icons {
    padding-right: 5rem;
}
}

And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!