Menu in transparant box with logo area with separate background

Hi,
Unfortunately not yet, I’m not sure what is causing this or a successful solution to adjust this for all screen sizes. I will review further.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#menu-test-menu-with-logo {
	margin-left: 0;
}

I believe this corrects:

Best regards,
Mike

Hi,
4: to add the “homepage” menu item please add manually your menu
3: to add the logo to your burger menu, create another menu item and add an image as in this thread
2: to add the text “menu” below the burger icon, the text is all ready there but it is hidden, you can try this css:

#top .av-hamburger ~ .avia_hidden_link_text {
	display: block;
	top: 25px;
  position: absolute;
}

or make a new burger icon with the text in the image following this thread changing the icon code with a image link.
1: you could use css to change the menu link color, but note that all sub menu item under the parent will also change, each sub menu item doesn’t have it’s own class in the burger menu.

Best regards,
Mike