www.wysiwygwebbuilder.com

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

What are the exact steps to reproduce this behavior?

Pablo wrote: Sun Jan 08, 2023 3:18 pm 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

@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:
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.

Thanks crispy68

Is that something I can adjust ?

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

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:
However, you may want to wait for Pablos response on this to see if he has a better idea.

crispy68 wrote: Sun Jan 08, 2023 4:35 pm 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 !

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.

Pablo wrote: Sun Jan 08, 2023 4:53 pm 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 !

Pablo wrote: Sun Jan 08, 2023 4:53 pm 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...

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

Pablo wrote: Sun Jan 08, 2023 4:53 pm 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 ?

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

Thanks

Pablo wrote: Tue Jan 10, 2023 3:42 pm An update with a workaround will be released within a few days.

Nice!

Pablo wrote: Tue Jan 10, 2023 3:42 pm 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

Bluesman wrote: Wed Jan 11, 2023 12:58 pm Installed the last hotfix today and have tested the menu. Works good

Where would the hot fix be found ?

jerryco wrote: Sun Jan 15, 2023 12:07 pm http://www.wysiwygwebbuilder.com/download.html

Thanks