Logo Alignment in mobile view

  • Resolved Anonymous User 16294805

    (@anonymized-16294805)


    4 years, 12 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 4 years, 12 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)

  • 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;
  }
}

    Hi there,

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Logo Alignment in mobile view’ is closed to new replies.