[Elim FellowshipParticipant]

Hi. I just bought/installed X and I love it. I build websites on the side and definitely hope to use X more often!

That said, I want greater functionality with the MegaMenu, in particular being able to add some widgets and effects. I really like Max Menu, which I also just discovered.

I’m having a couple issues with it though.

One is, I think I need to turn OFF the search icon as it’s wrapping to the next line in the menu.

Can you tell me how to do that?

Here’s the link to the site I’m working on… http://www.elimfellowship.org/ef

Thanks.

[DarshanaModerator]

Hi there,

Thanks for writing in! To remove the search icon, head over to Appearance -> Customize -> Header -> Search section and then turn off the setting “Navbar Search“.

Hope that helps.

[Elim FellowshipParticipant]

Yes. Thanks. I stumbled across that this weekend.

Now, do you have any ideas on how I might fix my problem with the menu showing below the logo rather than inline with it?

Note: the setting is already at inline. The issue is that I am using a mega menu plugin: Max Menu.

Thanks in advance.

Wayne

[ThaiModerator]

Hi There,
Try adding following CSS under Appearance > Customize > Custom > CSS:

.x-nav-wrap.desktop {
  float: right;
  margin-top: 25px;
}

Hope it helps.

[Elim FellowshipParticipant]

Awesome. You’re a lifesaver. Thanks so much!

[Elim FellowshipParticipant]

hmmm. I spoke prematurely. I DID work, however, now the MegaMenu will not open across the entire page. Thoughts?

http://www.elimfellowship.org/ef/

[ThaiModerator]

Hi There,

Because your header menu is too long, so I recommend you set the logo stacks with the main menu, something likes this:

To do this, please navigate to Customizer > Header > LOGO AND NAVIGATION > Layout > select Stacked.

Hope it helps.

[Elim FellowshipParticipant]

Well, that’s not what I was looking for. As noted above, I want to keep the menu inline. I don’t understand what you mean about my header menu being too long either.

[NicoModerator]

Hi There,

Would you mind sharing us screenshot of the issue so that there will be no confusion. Upon looking at your site. The Menu is inline and the mega menu is not below the logo or it is working fine.

Once we got the information we’ll do our best to help you.

Thank you so much for understanding.

[James RParticipant]

Incidentally, there’s another way to handle the search button and max mega menu …

Add this to global js:

    // ---------------- FIX SEARCH MENU ITEM POSITIONING
    $('.menu-item.x-menu-item-search').addClass('mega-menu-item');

[DarshanaModerator]

Thank you James for your solution.

@whedlund

Please try adding the following code into your Customizer, Custom > JavaScript section.

jQuery(function() {
  // ---------------- FIX SEARCH MENU ITEM POSITIONING
  jQuery('.menu-item.x-menu-item-search').addClass('mega-menu-item');
});

Hope that helps.

[Elim FellowshipParticipant]

the jQuery function fix was perfect. Thanks so much!

[ThaiModerator]

Glad it worked 🙂

If you need anything else, please let us know.

[Author]

Posts