Remove white padding between menu and submenu

[Karla8]

Hello,

Thank you so much for your help on my previous issue. 

After trying the different solutions, I found this was the one that was the closest to what I would like to achieve. As you can see I get some white between the menu and submenu. Also, I would like to color in the menu to be the size of the page.

The code I currently have is the following :

nav.header__inline-menu {
background: #f9f6f3;
}

.mega-menu__content .mega-menu__list {
background: #f9f6f3;
padding: 3rem 0;
}

Thanks a lot for your help ! Much appreciated !

Karla

[topnewyork · Accepted solution]

Hi @Karla8 ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.mega-menu__content {
    padding-top: 0 !important;
}
</style>

Also, if would like to color in the menu to be the size of the page.

nav.header__inline-menu {
    background: #f9f6f3;
    width: 100% !important;
    justify-content: center !important;
    display: flex !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[Karla8]

forgot to mention : www.hintofhappiness.com

 password : seiyud

[topnewyork · Accepted solution]

Hi @Karla8 ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.mega-menu__content {
    padding-top: 0 !important;
}
</style>

Also, if would like to color in the menu to be the size of the page.

nav.header__inline-menu {
    background: #f9f6f3;
    width: 100% !important;
    justify-content: center !important;
    display: flex !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[Made4uo-Ribe · Accepted solution]

Hi @Karla8 

I already take out that padding in your previous post. If it not working add !important like the below

Add this on your base.css. Thanks!

.mega-menu__content {
    padding: 0 !important;
}

 And Save. 

Result:

You should tell me. Im willing to give you solution. 

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