Header, main menu

Technical Q&A
,
1

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

Sohan2198_0-1725563876733.png
Sohan2198_0-1725563876733.png1911×174 12.7 KB

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

1 Like
2

Hi @Sohan2198

Do you mean like this?

Made4uoRibe_0-1725565240608.png
Made4uoRibe_0-1725565240608.png1896×308 29.9 KB

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!

3

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

4

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

Made4uoRibe_0-1725567625705.png
Made4uoRibe_0-1725567625705.png1892×390 53.9 KB

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!

1 Like