Dropdown Menu question

[dannac]

Have dropdown menu with style set to where you do not have to click on main subject to see sub items

but at times it loses focus before you have time to click a sub menu item

how to fix please

demo

https://app.box.com/s/6bijp4ivtpycl7e7mu3moowb8j9j9sny

[Pablo]

What are the exact steps to reproduce this behavior?

[dannac]

What are the exact steps to reproduce this behavior?

5 Main tabs in menu ... 3 of the tabs have dropdowns

Hover over a tab and the dropdown shows but as soon as I lower cursor to choose sub item,
the dropdown disappears and cannot choose sub item

30 second video
https://app.box.com/s/5pz7vw11qi5su25xqgpeuzcn38o4msj1

Thanks

Realize I can choose style to click on main item ... but would rather not do that to choose a sub item

[crispy68]

@Pablo,

I can see what he is saying in the demo. Sometimes it works and sometimes the submenu will disappear when moving from button to submenu. Not sure if this has anything to do with it but when I view the CSS I see this line:

Code: Select all

.DropdownMenu1 .dropdown-hover > .dropdown-men{margin-top: -1px !important;}

I can see a 1px gap between button and dropdown. If I change it to -2px above it closes that gap and then it seems to work without issue. Not sure if this is the culprit but maybe a place to start.

[dannac]

Thanks crispy68

Is that something I can adjust ?

If yes, how do I find that CSS code line you referred to ?

[crispy68]

You would have to open up the page's CSS file after publishing to change it and would need to do this each time you republish your page(s). This will be tedious if you have multiple pages.

Would be easier to add this code to the page html:

Code: Select all

<style>
.DropdownMenu1 .dropdown-hover > .dropdown-menu{margin-top:-2px !important;}
</style>

However, you may want to wait for Pablos response on this to see if he has a better idea.

[dannac]

You would have to open up the page's CSS file after publishing to change it and would need to do this each time you republish your page(s). This will be tedious if you have multiple pages.

Would be easier to add this code to the page html:

Code: Select all

<style>
.DropdownMenu1 .dropdown-hover > .dropdown-menu{margin-top:-2px !important;}
</style>

However, you may want to wait for Pablos response on this to see if he has a better idea.

Ok ... thank you !

[Pablo]

Thanks, but I am not sure if the margin is causing this.
It looks like Bootstrap's 'popper' script is adding the offset.
I will look into this, they may have an update for this.

[dannac]

Thanks, but I am not sure if the margin is causing this.
It looks like Bootstrap's 'popper' script is adding the offset.
I will look into this, they may have an update for this.

Ok ... thanks !

[Bluesman]

Thanks, but I am not sure if the margin is causing this.
It looks like Bootstrap's 'popper' script is adding the offset.
I will look into this, they may have an update for this.

Hi Pablo... I have the same problem with the Themeable menu. After publish I put the marker over the menu item with submenues and when the submenues appear I move the marker down for choosing a sub, but it disappear. If I click on the main menu button before and mowe the marker down, it works??
Ex site I'm working on now:
https://www.tpcab.se/ongoing

Addition: It appears a bit irregular... moving the marker out and over again and it appears again...

[Pablo]

The themeable menu and drop down menu are using the same script (Bootstrap), so this is most likely the same issue.

[dannac]

Thanks, but I am not sure if the margin is causing this.
It looks like Bootstrap's 'popper' script is adding the offset.
I will look into this, they may have an update for this.

Any progress on this ?

[Pablo]

An update with a workaround will be released within a few days.

[dannac]

Thanks

[Bluesman]

An update with a workaround will be released within a few days.

Nice!

[Bluesman]

An update with a workaround will be released within a few days.

Seams to work for me now... Installed the last hotfix today and have tested the menu. Works good
GRACIAS PABLO

[dannac]

Installed the last hotfix today and have tested the menu. Works good

Where would the hot fix be found ?

[jerryco]

http://www.wysiwygwebbuilder.com/download.html

[dannac]

http://www.wysiwygwebbuilder.com/download.html

Thanks