Tagged: , ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • November 15, 2019 at 7:56 pm #1157274
    Bruno

    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

    November 16, 2019 at 12:16 am #1157362
    Jordan Shannon

    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

    November 18, 2019 at 5:28 pm #1157925
    Bruno

    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

    November 19, 2019 at 1:42 am #1157986
    Bruno

    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

    November 20, 2019 at 3:52 pm #1158513
    Victoria

    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

    November 25, 2019 at 5:20 pm #1159922
    Bruno

    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

    November 25, 2019 at 7:03 pm #1159982
    Victoria

    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

    November 25, 2019 at 7:24 pm #1160001
    Bruno

    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

    November 26, 2019 at 1:22 am #1160136
    Jordan Shannon

    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

    November 28, 2019 at 4:32 pm #1161031
    Bruno

    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

    November 29, 2019 at 5:08 pm #1161270
    Victoria

    Hi Bruno,

    Glad we could help :)

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

    November 29, 2019 at 5:32 pm #1161288
    Bruno

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

    November 29, 2019 at 10:17 pm #1161363
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    December 3, 2019 at 2:11 pm #1162207
    Bruno

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

    December 3, 2019 at 5:45 pm #1162280
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    December 3, 2019 at 5:46 pm #1162282
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Burger menu does not appear on horizontal IPad’ is closed to new replies.