Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 23, 2020 at 5:30 pm #1240154
    VJLoops-GT

    Hello

    A while ago I have contacted you regrading the menu looking wrong on the mobile menu on my site : http://www.byroni.co.il
    You gave me this code to fix it:

    #top #header .av-main-nav > li {
padding-left: 70px;
}

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu {
    right: 0;
}

.responsive #top .logo {
    width: 55%;
    margin: 0 auto;
    float: none;
}

.rtl .avia-menu.av_menu_icon_beside {
    margin-right: 0;
    padding-right: 0;
}
}

    It fixed it on mobiles.

    However I just noticed that on iPads the menu looks totally wrong with this code applied: https://www.dropbox.com/s/js6hbg0qz45wjf7/Screenshot%202020-08-23%2017.27.04.png?dl=0

    without the code it looks fine.

    how can I keep the code for fixing the menu via mobile but still have it looking nicely on iPads?
    (I remove the code at the moment to have it look ok on iPads)

    thank you

    August 24, 2020 at 5:17 pm #1240426
    Victoria

    Hey VJLoops-GT,

    Image 2020-08-24 at 18.17.46.png

    It seems to look ok on my end, but you can try this code:

    
@media only screen and (max-width: 1024px) {
  nav.main_menu, #menu-item-search {
    display: block !important;
  }
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.