Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 22, 2016 at 11:41 pm #727705
    lbccomm

    I changed the way the menu operates on mobile, using the instructions found here: http://kriesi.at/documentation/enfold/changing-the-menu-on-mobiles/

    Every time I update Enfold I make the change again. I just updated to 4.7 and when I tried to visit the page I discovered it’s no longer there. Is there an alternative way to keep using a separate mobile menu?

    December 23, 2016 at 8:13 am #727845
    Rikard

    Hey lbccomm,

    I’m not sure why that thread was deleted. Could you post a link to your site and try to explain a bit further what you are looking to achieve please?

    Best regards,
    Rikard

    December 23, 2016 at 6:27 pm #728016
    lbccomm

    Home_Content

    The affected area is the mega menu under “Ministries.” I liked the look of the default hierarchy, but I wanted to condense it, so I didn’t have 10 columns across the page. So I styled it using CSS to give it the look I wanted. The problem with this method is that on mobile, the hierarchy is all out of whack. I was able to get around this by using a separate menu on mobile. I have to update this every time I update Enfold, which isn’t a problem. I would use the instructions on the page above to change the necessary code. Since that page is suddenly no longer available, I’m not sure how to do it.

    Any ideas?

    December 23, 2016 at 6:46 pm #728019
    Yigit

    Hey!

    Can you please refer to this post instead – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
    We have noticed that solution provided in other post was not working correctly so we removed it.

    Cheers!
    Yigit

    December 23, 2016 at 7:43 pm #728027
    lbccomm

    So, if I’m understanding correctly, I’ll only be using one menu with more options for desktop/mobile instead of separate menus for each?

    December 23, 2016 at 9:25 pm #728059
    Yigit

    Hey!

    Yes. You will display and hide them using custom CSS classes :)

    Regards,
    Yigit

    April 26, 2017 at 10:01 pm #783703
    lbccomm

    I read the link you provided previously and I don’t think it’s going to work for me. I need to be able to use two separate menus; one for the main navigation on desktop, and another for the main navigation on mobile. I don’t see a way around it. Is there still a way to do that?

    April 27, 2017 at 2:02 pm #784018
    Yigit

    Hi,

    You could try creating two different menus in Appearance > Menus one for mobile and one for desktop and then adding following code to Functions.php file in Appearance > Editor

    function av_different_mobile_menu( $args = '' ) {

if(wp_is_mobile()) { 
	$args['menu'] = 'main-menu-mobile';
} else { 
	$args['menu'] = 'main-menu';
} 
	return $args;
}
add_filter( 'wp_nav_menu_args', 'av_different_mobile_menu' );

    Best regards,
    Yigit

    April 27, 2017 at 3:23 pm #784058
    lbccomm

    That worked! Thanks so much for your help!

    April 27, 2017 at 3:43 pm #784070
    Yigit

    Hi!

    You are welcome!

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Change mobile menu’ is closed to new replies.