submenus don't display on the right

[emmguyot]

Hi,
On my site, I have a strange behavior : The submenus aren’t displayed on the right of the parent but they are below.
You can see it at https://www.emmguyot.com/

Though, if I move the cursor over the menu “Dev. Informatique”, than I scroll with my mouse wheel, the cursor ends over the first item of the menu and the submenus is correctly displayed.

That’s quite strange.
Any hint ?

Best regards,
E.G.

[admin]

Hi,

You seem to be using some custom Bootstrap package (I guess part of the Typo 3 theme you use) which has a feature that conflicts with the SmartMenus script. The parent <li>‘s in your menu structure have an additional custom class “dropdown-hover” – e.g.:

<li class="dropdown dropdown-hover"><a href="/dev-informatique/" title="Dév. informatique"...

and the following script uses it to toggle the sub menus on hover:
https://www.emmguyot.com/typo3conf/ext/bootstrap_package/Resources/Public/JavaScript/Dist/bootstrap.navbar.min.js?1518304141
But since you are using the SmartMenus script, you don't need this. So to fix the issue, you would need to remove those classes from your menu structure. If it's hard for you to do it server-side, you could also use a JS solution like this (just make sure this is included after jQuery on your pages):

$(function() {
	$('.dropdown-hover').removeClass('dropdown-hover');
});

[emmguyot]

Great!

Thank you for your help. It solves my problem.

Best regards,
E.G.

[Author]

Posts