Logo Alignment in mobile view

Resolved Anonymous User 16294805
(@anonymized-16294805)

6 years, 4 months ago
hi, i changed the menu bar color and in mobile view the menu bad and logo are coming in same line, is it possible to align logo in the top and menu bar below logo in the mobile view? and also to align logo in the middle and not in left please help
- This topic was modified 6 years, 4 months ago by Anonymous User 16294805.
The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

(@jarretc)

Hi, I think the following might be what you’re looking for. Add to Appearance->Customize->Additional CSS

@media screen and (max-width: 568px) {
  .site-header > .col-full {
    background-color: #90ff80;
    display: block;
    height: 94px;
    margin: auto;
  }

  .woocommerce-active .site-branding {
    float: initial !important;
    margin: auto;
    text-align: center;
  }

  .site-header .site-branding .custom-logo-link {
    margin: auto;
    width: fit-content;
  }

  .site-header .storefront-primary-navigation {
    display: block;
    padding-top: 5px;
  }

  .site-header .storefront-primary-navigation .main-navigation {
    text-align: center;
  }

  .site-header .storefront-primary-navigation .main-navigation .menu-toggle {
    float: initial;
  }
}