Header Issues (menu placement, mobile color)

Hello,
I need help with two things:

  • I use the Basic 1 menu type. I don’t need the search icon in the menu, I turned it off. However, its place remains. I would like the full width of the menu items to be shifted to the right.
  • I want to change the background color of the mobile view drop-down menu.
    Thanks!

Hi, can you share your site URL here?

Thanks!

Thank you for the URL. Here you go. add the CSS code below to Customize > additional CSS please:

header#masthead {
    width: 100% !important;
}

ul.header-search-cart {
    display: none;
}

.main-navigation li {
    padding-left: 5px;
    padding-right: 5px;
}

Regards,

Thanks for the help, perfect.
Please help me to change the background color of the mobile view drop-down menu.

Can you message me your username and password to login to your site?

Sorry, I removed the password.
Thanks!

Hi, add this code to change the background color of the menu container:

.menuStyle1 .main-navigation {
    background-color: white;
}

Everything is good. Thanks for the help.

1 Like