Top menu problems

Hello - probably very stupid questions but:

  1. How do I add a logo to the West top menu?

  2. How do I add dropdown submenus to the items in the top menu?

  3. How do I reduce the depth of the top menu on the mobile view?

  4. On my home page the top menu is initially translucent (it turns black when you scroll down the screen, but the white words then become invisible). How can I make the top menu just be black?

Hello there,

> 1

From your site dashboard, visit Appearance > Customize > Header area > Site branding. Here you can upload your site logo

> 2

Please read this codex.

> 3

Try adding this code to Appearance > Customize > Additional CSS.


.mobile-nav .sub-menu .sub-menu {
  display: block !important;
}

.mobile-nav .sub-menu .slicknav_arrow {
  display: none !important;
}

> 4

Try adding this extra custom CSS code:


@media only screen and (min-width:1025px) {
  
  .site-header.has-header {
    background-color: #000;
  }
  
  #site-navigation .menu > li > a {
    color: #fff !important;
  }
  
}

Regards,
Kharis