Tagged: , , , , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 30, 2017 at 10:57 pm #883595
    oscarvanheeswijk

    Hi,
    I’m using a demo-version of Enfold.
    However, i would like to have on tablet, the mobile responsive menu. Because the regular menu is on the left, it takes too much spaces on tablet in portrait mode.
    I tried serveral custom CSS but none didn’t work.

    November 30, 2017 at 11:42 pm #883618
    Jordan Shannon

    Hey oscarvanheeswijk,

    Try the following in quick css:

    @media only screen and (min-width: 990px) and (max-width: 1200px) {
  .menu-item {
    display:none;
  }
  .av-burger-menu-main.menu-item-avia-special.av-small-burger-icon {
    display: block;
  }

    Best regards,
    Jordan Shannon

    December 12, 2017 at 8:50 pm #888066
    oscarvanheeswijk
    This reply has been marked as private.
    December 13, 2017 at 1:58 pm #888349
    Rikard

    Hi,

    Please try this instead:

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

    Best regards,
    Rikard

    November 29, 2018 at 5:07 pm #1039036
    newmediologo

    Hi.. I’m using the Burger Menu in all the mobile views, both tablet and smartphone.. In tablet view there’a big white space between the upper edge of the menu and the first menu item.. How to reduce it..?

    Thanks

    November 29, 2018 at 5:16 pm #1039047
    Jordan Shannon

    Hey newmediologo,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    November 29, 2018 at 5:23 pm #1039053
    newmediologo

    HI.. The site is developed locally.. This is a screenshot..
    Schermata 2018-11-29 alle 16.20.42.png

    November 29, 2018 at 6:05 pm #1039078
    Jordan Shannon

    Hey newmediologo,

    We would need an actual link in order to inspect the code to see exactly what could be causing the unwanted space.

    Best regards,
    Jordan Shannon

    November 29, 2018 at 6:36 pm #1039086
    newmediologo

    Hi.. With Chrome Inspector I see this in Tablet portrait mode..

    <ul id="av-burger-menu-ul" class="" style="padding: 122px 0px;">

    November 29, 2018 at 6:41 pm #1039094
    Jordan Shannon

    Hey newmediologo,

    It is likely the padding. Try adding the following to quick css:

    #av-burger-menu-ul{
padding-bottom:40px!important;
}

    Best regards,
    Jordan Shannon

    November 30, 2018 at 8:27 am #1039248
    newmediologo

    Hi Jordan, it doesn’t works.. I’ll put a link when site will be online.. Thanks

    November 30, 2018 at 8:51 am #1039251
    Jordan Shannon

    Hi,

    I will keep an eye out for the link.

    Best regards,
    Jordan Shannon

    November 12, 2020 at 6:40 pm #1260193
    ratoli

    Hi,

    is it possible to insert the mobile search-icon (the bigger one), too ?

    November 17, 2020 at 5:51 am #1260896
    Ismael

    Hi,

    @ratoli: What do you mean by “bigger one”? Please open a new thread and post the site details in the private field so that we could check the page. A screenshot of the icon will help as well. We will close this one for now.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Show mobile hamburger menu on tablet portrait’ is closed to new replies.