Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • November 3, 2017 at 12:08 am #871886
    RMansfield430

    I have tried several different ways to get the hamburger menu to show on ipads but it won’t. I tried adding the css from other threads but it didn’t work.
    It also appears that none of my Quick css works. I tried to change the color and font weight for the tabs but nothing seems to be working.

    Please advise.

    November 3, 2017 at 4:36 am #871951
    Jordan Shannon

    Hey RMansfield430,

    I was able to view the menu on the iPad sized browser. Were you able to get this solved or is this only occuring on the iPad device?

    Best regards,
    Jordan Shannon

    November 3, 2017 at 4:44 pm #872225
    RMansfield430

    I was not able to, it shows when you resize a browser window but not on an iPad.

    November 3, 2017 at 8:17 pm #872279
    Jordan Shannon

    Hi,

    Okay. I will check if a teammate can aid in this.

    Best regards,
    Jordan Shannon

    November 4, 2017 at 4:13 am #872370
    Rikard

    Hi,

    By default the mobile menu will show below 990 pixels, so it will show in portrait mode but not in landscape. Do you want to show it in landscape as well?

    Best regards,
    Rikard

    November 6, 2017 at 3:54 pm #873112
    RMansfield430
    This reply has been marked as private.
    November 6, 2017 at 5:21 pm #873193
    Jordan Shannon

    Hi,

    Try adding the following to quick css:

    
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.av-logo-container .main_menu, #top .av-small-burger-icon { display: block!important; left: auto!important; right: 0!important; }
#header_main .main_menu .menu-item {
    display: none!important;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
    padding-top: 122px;
}}

    Best regards,
    Jordan Shannon

    November 10, 2017 at 4:21 pm #875205
    suhas81

    @ Jordan – it does not work

    November 10, 2017 at 4:22 pm #875206
    suhas81
    This reply has been marked as private.
    November 11, 2017 at 3:35 pm #875473
    Victoria

    Hi suhas81,

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

    Best regards,
    Victoria

    November 11, 2017 at 4:41 pm #875497
    SAdesignsUnltd

    I am using 4.1.2 and it just hides the menu, the burger menu didn’t come up. I also, would like to know how to do it for landscape mode.

    November 11, 2017 at 6:16 pm #875542
    Victoria

    Hi SAdesignsUnltd,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    November 11, 2017 at 6:29 pm #875551
    suhas81

    I have decided to use 4.0 until the issue is resolved by you guys. Thanks.

    November 11, 2017 at 6:33 pm #875552
    SAdesignsUnltd

    Hi Victoria, here is the link. I removed the above css, because it just hid menu from landscape on iPad. Ideally the burger menu would come up would be great as there are only 4 menu items and they seem to go into the logo.

    November 15, 2017 at 4:34 am #876896
    Ismael

    Hi,

    Please go to the Enfold > Main Menu > General panel. Set the “Menu Items for mobile” to the second option then add the CSS code to set the mobile menu to display when the screen width is less than 1366px.

    @media only screen and (max-width: 1366px) and (min-width: 768px) {
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
  }

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
      display: block;
  }
}

    Best regards,
    Ismael

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