Mobile menu position on mobile

Hey lfs360,

Thank you for the inquiry.

You can add the following css code to adjust the space between the header elements and reduce the size of the logo a bit. Adjust the values as necessary.

@media only screen and (max-width: 767px) {

  /* Add your Desktop Styles here */
  .responsive .logo img,
  .responsive .logo svg {
    height: 70px !important;
    max-height: 70px;
  }

  .responsive #top #wrap_all .main_menu {
    height: 60px;
  }

  .responsive #top #menu-item-shop.cart_dropdown {
    line-height: 60px;
    margin-left: -60px;
  }

  .responsive.html_cart_at_menu #top .main_menu .menu>li:last-child {
    margin-right: 30px;
  }

  .responsive #top #wrap_all .main_menu {
    margin-top: -15px;
    right: -40px;
  }
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the modification.

Best regards,
Ismael

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for letting us know, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard