Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 27, 2020 at 12:33 pm #1207487
    Bassmann

    Hi,
    I have changed the menu so that it should be displayed on a table as a mobile menu.

    Unfortunately, no change on the tablet.
    What can that be?

    Best Regards
    Stefan

    April 27, 2020 at 1:36 pm #1207505
    Yigit

    Hi Stefan,

    Could you please create temporary admin logins and post them here privately so we can look into it?

    Regards,
    Yigit

    April 27, 2020 at 3:35 pm #1207532
    Bassmann
    This reply has been marked as private.
    April 27, 2020 at 6:07 pm #1207555
    Yigit

    Hey,

    I cleared cache in WP Fastest Cache and confirmed it loads mobile menu on screens below 990px :)

    Please review your website and do not forget to clear cache after making changes.

    Cheers!
    Yigit

    April 30, 2020 at 7:40 am #1208455
    Bassmann

    Hi Yigit,

    here is a screenshot of an iPad in portrait format!
    Unfortunately it does not work. The menu overlays the logo.

    In the wide view it looks good on the iPad only in portrait format, since the setting does not seem to work.
    I’ve cleared the cache!

    Regards
    Stefan

    May 1, 2020 at 10:30 am #1208772
    Bassmann

    Hi,
    the menu doesn’t look good on a MacBook Air either!?!
    See the screenshot.

    Regards
    Stefan

    May 1, 2020 at 10:40 am #1208780
    Rikard

    Hi Stefan,

    Please try the following in Quick CSS under Enfold->General Styling:

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

    Best regards,
    Rikard

    May 1, 2020 at 3:51 pm #1208854
    Bassmann

    Hi Rikard,

    Thank you very much, my customer just does not agree, because he would like to see the navigation points.

    Isn’t it possible to put the logo to the left on a certain size, that would gain space?
    Would be great if you had a solution.

    Best Regards
    Stefan

    • This reply was modified 4 years ago by Bassmann.
    May 4, 2020 at 6:24 pm #1209638
    Victoria

    Hi Bassmann,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 990px) and (max-width: 1100px) { 
    .av-main-nav>li>a {
        padding: 0 10px;
    }
    .logo img {
        width: 80%;
        margin-top: 15px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 6, 2020 at 4:46 pm #1210387
    Bassmann

    Hi Victoria,

    that fits.
    Thanks.

    The entry can be closed.

    Best Regards
    Stefan

    May 8, 2020 at 3:49 am #1210877
    Rikard

    Hi Stefan,

    Great, I’m glad that Victoria could help you out and thanks for the feedback. I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Problems switching menu for tablet’ is closed to new replies.