Icon Placement: In The Nav Menu

Premium WordPress Themes, Templates and Plugins Support Plugins Icon Placement: In The Nav Menu

This topic is: resolved

Tagged: 

This topic contains 17 replies, has 2 voices, and was last updated by  Support Team 3 months, 2 weeks ago.

  • Author
    Posts
  • #8660

    webbmary
    Participant
    Post count: 13

    Hi,

    I can’t get the Overlay menu to work when I place in the nav menu: http://91.189.44.127/~markaryd/

    Any tip?

  • #8661

    Support Team
    Keymaster
    Post count: 355

    Hey there,

    Can you sent your settings screenshot? or wp admin login info? to our email info @ themeofwp.com We’ll assist to you quickly.

    Regards,
    Kevin

  • #8662

    Support Team
    Keymaster
    Post count: 355

    Also what’s your purpose of the usage for these:

    http://imagizer.imageshack.com/img922/8997/RaJEDb.jpg

    You shouldn’t use them into the overlay content.

  • #8663

    webbmary
    Participant
    Post count: 13

    Menu placement

    I want the icon for the Overlay Menu to be shown instead of the basic menu (at the same place). But when I choose the option “In the nav menu” it looks like this http://imagizer.imageshack.com/img922/8997/RaJEDb.jpg
    Now I have choosen “Outside the nav menu” and tried with css to place it right

        nav.tm-navbar {
    		position: relative;	
    	}
    	
    	.twp_menu_outside {
    		position: absolute;
    		right: 100px!important;
    		top: 0px!important;
    	}

    But still it floats to the right. I have created a admin user to you and I will email it to you. Thanks in advance.

  • #8664

    webbmary
    Participant
    Post count: 13

    My picture above didn’t work

    View post on imgur.com

  • #8665

    Support Team
    Keymaster
    Post count: 355

    Hey @webbmary I’ve added a small rule for the menu item in the Overlay Menu Plugin jquery. Because your theme deleted all of the < li > elements class in the nav menu. right now the icon in the nav menu and it’s trigger the overlay menu.

    I hope it works for you!

    Regards,
    Kevin

  • #8666

    webbmary
    Participant
    Post count: 13

    Thanks.
    But not quite ok; click the menu-button and see =(

  • #8667

    Support Team
    Keymaster
    Post count: 355

    Yesp I saw it because you used a shortcode same with main menu and it’s getting overlay menu together.

    There are two way for the avoid this:

    1. Create a new menu for the overlay menu widget contents for example overlay menu and then use this shortcode in to the Overlay menu widgetlike [maxmegamenu location=overlay_menu] etc..

    2. You can use static contents in the widget.

    You can use these ways and see the clear results. Right now your issue has been fixed but you content not okay in the widget.

    I hope those are clear.

  • #8669

    webbmary
    Participant
    Post count: 13

    Hello again

    1. I have skipped [maxmegamenu location=main_menu] in the Overlay Menu Widget. I have tried to rename [maxmegamenu location=max_mega_menu_6] to [maxmegamenu location=overlay_menu] but it doesn’t work. Have you any idea how Max Mega Menu works? Any other tips? We want a customised multi column menu… How can we do that without Max Mega Menu?

    2. I don’t want to use static contents. I want it to be possible for our customer to herself easily add menu items through Appearance >> Menus (and NOT through the HTML code in the widget)

    I’m very greatful for all your help!

  • #8670

    Support Team
    Keymaster
    Post count: 355

    Please create a menu without “maxmegamenu” first. Then save it with diff name. Then go to the widgets section and use “Custom menu” in the Overlay Menu Widget. That’s it.

    I hope this helps to you.

  • #8671

    webbmary
    Participant
    Post count: 13
  • #8672

    Support Team
    Keymaster
    Post count: 355

    You images does not load. Please wait I’ll do it for you on your site.

  • #8673

    Support Team
    Keymaster
    Post count: 355

    Can you check the menu, icon, and overlay contents? everything looks good now right?

  • #8674

    Support Team
    Keymaster
    Post count: 355

    Just a info; you website behind the cache or have a few lag when saved something.

  • #8675

    webbmary
    Participant
    Post count: 13

    Nice 🙂

    But the menu icon disappear in the mobile. How to fix that?

  • #8676

    Support Team
    Keymaster
    Post count: 355

    I didn’t find your custom css section but you can add into your custom css this rules:

    @media (max-width: 767px) {
    	.tm-logo {
    		display: none !important;
    	}
    	.uk-navbar-nav > li {
        		float: right !important;
        		position: absolute !important;
    			display: inline !important;
    			
    	}
    	.uk-hidden-small {
        		display: inline !important;
    	}
    }
  • #8679

    webbmary
    Participant
    Post count: 13

    Thank you very much

  • #8680

    Support Team
    Keymaster
    Post count: 355

    You’re welcome!

You must be logged in to reply to this topic.