How to display Site tagline below the logo on marketer theme

Hi there,

you will need to disable the Navigation as Header option in Customizer > Layout > Header. This will allow for the Logo and the Site tagline to be displayed.

Dear David,
Your information helped, but on mobile, it doesn't look perfect. Shared the screenshot.

I need to remove the very light background color of the mobile menu on portrait mode and landscape mode.

I need to bring the menu below of the site tag line, and that should be exactly the center.

thanks

Hi there,

Try this CSS:

#mobile-menu-control-wrapper .menu-toggle {
    background-color: #fff;
}
nav#mobile-menu-control-wrapper {
    margin-right: auto;
    margin-left: auto;
}

Dear team please note that logo, site tag line and menu on mobile portrait and landscape mode is not in center.

There is also a drop shadow effect which must be same width to the content but it is not.

thanks

Hi there,

remove this CSS:

nav#mobile-menu-control-wrapper {
    margin-right: auto;
    margin-left: auto;
}

Then add this CSS to keep the logo/site-title/hamburger on the same line:

@media(max-width: 768px) {
  .site-branding-container {
    max-width: 75% !important;
  }
  .site-description {
    font-size: 12px;
  }
}

And for the Shadow - change this:

.inside-navigation.grid-container {
  border-bottom: 2px solid rgba(0,0,0,.07);
  box-shadow: 0 0 10px rgb(232 234 237 / 50%);
}

to:

.site-header {
  border-bottom: 2px solid rgba(0,0,0,.07);
  box-shadow: 0 0 10px rgb(232 234 237 / 50%);
}