Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1157274

    Hello. I activated menu items such as burger menu on both smartphones and IPads: on smartphones, but on IPad well only vertically. On IPad in horizontal, the burger menu does not appear, the traditional menu appears and the items overlap the other elements. How to use the burger menu, always on all mobile devices, both holding the device vertically and horizontally? Thanks a lot. Best regards. Bruno

    #1157362

    Hey Bruno,

    Add this to quick css:

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

    Best regards,
    Jordan Shannon

    #1157925

    Hi Jordan Shannon, thanks a lot: now, ith your css, using tablet horizontally does not appear the burger menu, traditional navigation appears, without overlaps. Excellent solution !!! Best regards. bruno

    #1157986

    Sorry Jordan, there’s a problem on desktops and laptops. Your solution should be used for mobile devices, not on desktops and laptops. On desktops and laptops I have to keep the original navigation, full width, as in the image

    https://ibb.co/BsLCHWt

    while if I use your css, even on desktop and laptop browsing is tightened and it’s not good, as you’ll see in the image

    https://ibb.co/8XB2xY2

    Would you be so kind as to give me the updated css only for smartphone and tablet devices? On desktops and laptops I have to keep the browsing expanded. Thanks a lot Jordan. Best regards. Bruno

    #1158513

    Hi Bruno,

    Please try using the code like this:

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

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

    #1159922

    Thanks Victoria, but the problem remains: on IPad horizontally, the burger menu does not appear and the word HOME and CHI SIAMO overlap with the logo.

    https://ibb.co/fQ1WFLs

    Please note that the navigation messages must not overlap with the logo. Do you have the solution? Thanks a lot. Best regards. Bruno

    #1159982

    Hi Bruno,

    Which iPad is that? Could you please clear the cache, check again and get back to us.

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    #1160001

    Clean cache: vertically shows the burger menu, the traditional navigation horizontally, but HOME and ABOUT us overlap with the logo on the right. IPad 9e7, system 13.3
    Many thanks for your support. Sincerely. Bruno

    #1160136

    Hi,

    Try the following:

    @media only screen and (max-width: 1142px) and (min-width: 990px)  {
    .avia-menu-text{
        font-size:13px
    }}

    Essentially it reduces the font size within the area where the overlap starts and ends.

    Best regards,
    Jordan Shannon

    #1161031

    Hi Jordan, your solution solves the problem: now on a horizontal tablet the navigation does not overlap with the logo, perfect !!! Thanks a lot. Best regards. Bruno

    #1161270

    Hi Bruno,

    Glad we could help :)

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

    #1161288

    Hello Victoria. Many thanks for your support. Best regards. Bruno

    #1161363

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    #1162207

    Evithing ok, you can close it. Thanks a lot Jordan. Best regards. Bruno

    #1162280

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

    #1162282

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘Burger menu does not appear on horizontal IPad’ is closed to new replies.