NavBar dropdown menu not dropping down correctly

Hello!

I’m having an issue with my navbars to where when I mouse over a top link, the submenu is skewed out of position instead of being directly below its parent. I’ve looked all over and am unable to find the option that adjusts this, nor have I been able to find anyone else in the forums experiencing my same problem. More over, the dropdown menu works as intended for “what we do”, it’s just not working correctly for “our culture”. Thank you!

edit: also, it looks as thought there’s a box where the dropdown would be (if you look close enough), however it should be invisible/transparent. I’m guessing it’s a box shadow, but it’s all set to zeros.

link: https://swconsulting.ndic.com/

Hello @SWCmarketing,

Thanks for writing in!

Can you please share the login details in secure note to view website as it’s asking for the same?

In the meantime please try out following solutions:

  1. Ensure everything is up to date according to our version compatibility list here. Please follow the best practices when updating your theme and plugins. Click here for more information.
  2. Test for a plugin conflict. You can do this by deactivating all third-party plugins, and see if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Thanks.

Hello Prasant,

Thanks for replying. I added a note with login details. Thanks!

Hey @SWCmarketing,

Regretfully the given access does not work for us.
Please double check it.

Thanks.

Okay. Credentials updated. Try now please.

Hello @SWCmarketing,

I think you gave the access to the WP Admin. We still need to access the login page by passing this login first.

This might need other username and password because the given one still do not work to bypass this login form.

Thanks.

Sorry about the confusion! Try now - posted the info above. Thanks!

Hi @SWCmarketing,

It’s working now, thanks!

Do you mean the sub-menu should be aligned with the parent menu’s text? Because the sub-menus are perfectly aligned to the parent’s menu bounding box. The bounding box that I referring is the container of the text,

You have mentioned that dropdown menu works as intended for what we do, but on my end, both what we do and our culture have just the same positioning.

So I’m assuming the sub-menu should align with the texts instead? For that, please change your sub-menu left positioning until they are aligned.

As for the box-shadow, it’s default styling. Please add this CSS to your menu’s element CSS.

$el .x-dropdown {
    box-shadow: none;
}

Thanks!

This worked! Thanks so much! I am curious, however, as to why when I check the nav live that the navbar text is green when I have it set to white. The interaction color is the green color. That, and the “our story” when clicked and scrolls down to that section, doesn’t turn green like the other nav links.

Hi @SWCmarketing,

That is because you’re using an absolute link to your one-page menu since you’re on the homepage those menu items are considered as active, hence, the menu items turn to green (interactive color). Please change that to relative ID link.

e.g.
#intro-section
#what-we-do

Please do that to every menu that you used as one-page navigation (Body_Menu and Hero_Menu)

Hope it helps,
Cheers!

That did it, thanks so much!

Glad we could help.

Cheers!

Hello again,

So, I went back and checked, and when you are at the “Our Story” section of the homepage, it’s not lit up as active like the other links are when you scroll through the page in the menu. I went back and made sure that all the links were relative ID, and everything is spelled correctly. Also, when mousing over the menu items, it should be a hand, not the pointer cursor. Thanks!

Hi @SWCmarketing,

I just checked and it stays active either by clicking it or by scrolling pass to the target section.

And it also has hand cursor, may I know which browser you’re testing it with?

Thanks!

Very strange. I’m using Chrome

Hello @SWCmarketing,

We are using Chrome also. Please try to increase the height of the Our Story section to at least cover the entire browser screen. You can do that by setting a minimum height in the row or column settings.

Please let us know how it goes.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.