Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 28, 2016 at 3:51 pm #705342
    Matty3mil

    Hi there,

    First off, great work on the new burger menu option. Any reason why you didn’t just use this new burger menu to replace the old mobile menu?

    Now my main question, I’d like to use the new burger menu (as found in the Creative Studio demo) as my mobile menu – which I have been able to do be applying some CSS but, this means I have to choose “Display As Icon” for the “Display of menu items” option. But what if I want to have the normal text menu for desktop and then the new burger menu as my mobile menu?

    I thought of maybe creating a plugin that will call the necessary functions, to create the extra menu and then have CSS that hides it in desktop mode.

    November 1, 2016 at 5:04 am #706535
    Rikard

    Hey 3mil-pedro,

    Sorry for the late reply. Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    November 1, 2016 at 9:42 am #706625
    Matty3mil

    Hi Rikard,

    Thanks for getting back to us.

    I’ve got the site on my local machine. The question is not specific to one site. It’s a generic question about how to get the new menu shown in the Creative Studio demo, to be the mobile version menu (max-width: 768px) but still have the normal text based menu in desktop.

    November 2, 2016 at 3:44 pm #707171
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
@media only screen and (min-width: 768px) {
li#menu-item-burger { display: none !important; }
.js_active.html_burger_menu #avia-menu > li {
    display: block;
}}
@media only screen and (max-width: 767px) {
#advanced_menu_toggle, #advanced_menu_hide { 
display: none !important; } 
.responsive.html_mobile_menu_tablet .main_menu .avia-menu { display: block; }}

    Best regards,
    Yigit

    June 20, 2017 at 3:44 pm #810415
    Hayek

    It would be great if this was possible. The above code doesn’t work as per the request of the OP.

    June 20, 2017 at 3:47 pm #810420
    Yigit

    Hey!


    @gentvnl     Upcoming major Enfold will focus on improving mobile experience. If the code above does not work for you, please start a new thread so we can look into it :)

    Best regards,
    Yigit

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