Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 23, 2015 at 11:02 am #507601
    intecca

    Hi guys! I recently open a topic in this forum because We want to show different items in Main Menu, only one in desktop view and a more items in mobile view, and it seem works fine however We have a new question:

    In mobile phones works perfectly and the web show the main menu icon (box with three lines inside) with the menu items inside, however in tablet vertical view does not show the main menu icon like in phones, instead of it shows the main menu in text mode and it seems cropped (in horizontal view works fine and show only one item menu like desktop view) . There are a way to show icon main menu in vertical views for tablets?

    Thanks a lot.
    Regards
    Jose

    September 23, 2015 at 11:45 am #507622
    Yigit

    Hey intecca!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1024px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}
#wrap_all {
position: relative !important;
}

    Regards,
    Yigit

    September 23, 2015 at 12:21 pm #507662
    intecca

    Thank you very much for your very fast answer Yigit
    I’m sorry but it does not work fine yet.

    We have a user class called ‘no-desktop’ for all items in main menu except one (called “Acceso a Plataforma AVIP”), the idea is:

    1. in mobile view (tablet and phones) the web must to show main menu icon (box with thress lines inside) with all menu items inside.
    2. in desktop view, the web must to show the main menu in text format (without main menu icon) with the only one item without custom class ‘no-desktop’, in this case it is “Acceso a Plataforma AVIP”

    With the changes you are suggested, actually it works fine in case 1. but in case 2. doesnt work because instead of the web show the menu in text format with all items and the correct way is to show only the item “Acceso a Plataforma AVIP”. In addition, if I reduce the size brower to 1110 px or less the menu show both the icon and the item menu “Acceso a Plataforma AVIP”.

    Thanks in advance.
    Regards!
    Jose

    September 24, 2015 at 6:10 am #508163
    Rikard

    Hi Jose,

    Maybe I’m missing something here but I can only see the mobile menu being activated at 767 pixels, not sure if that is what you want to achieve? Did you remove the code Yigit gave you?

    Regards,
    Rikard

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