Mobile menu start at 960px

Hey Antonio,
Please don’t use that css, the theme has a built-in option for 990px:

this would be best, is it very important for the 30px difference?

Best regards,
Mike

Hi,

Could you post a screenshot highlighting your intentions, and which screen width you are looking to target please?

Best regards,
Rikard

Hi,

Thank you for the screenshots.

You can add this CSS code to relocate the mobile menu to the right of the header.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
    top: 0;
    left: auto;
    right: 0;
    display: block;
    transform: none;
  }

  .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu .av-main-nav-wrap {
    transform: translateX(-50%);
    left: auto;
    right: 0;
    translate: none;
    float: right;
  }
}

Best regards,
Ismael

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard