Sticky navigation – side bar

I’ve setup the sticky navigation side bar and also included a HTML block within the bar. However, it appears the HTML block is causing the side bar to open when users’ cursors moves into the appear where the HTML block appears – this means the side bar unintentionally opens, preventing access to parts of the main page. I’ve created a screen recording to demonstrate the issue.

Thanks

Hi,

The Sticky Navigation under the new Mega Electronics Demo works on Hover by default as you can confirm from our Test Site too: https://blackpearlspro.com/woodmart_support/

Here is the documentation:
https://xtemos.com/docs-topic/sticky-navigation/

Best Regards.

I understand that it works on Hover, which it is doing. However the problem is, if I add a HTMl Block element into the navigation menu, then the Hover area which activates the menu is too wide. It needs to only be activated when the cursor is placed into the menu on the far left side of the page, however with a HTML Block added into the menu, the hover is triggered when the cursor is simply navigating the webpage and not intending to open the menu.

Please watch my video link from previous message and you will see what I mean. Please let me know a way to have a HTML block in the menu, but restrict the Hover to only activate on the far left side of the page.

Hi,

The best way to add a html block in the sticky navigation can be set in Appearance – > Menu -> Select Menu -> Enter menu item – > Set the HTML block from the dropdown list. https://xtemos.com/wp-content/uploads/screenshots/woodmart/megamenu.png

Best Regards.

Hi,

Sorry but that doesn’t help. I’m talking about adding the HTML Block in the “Bottom content” section for Sticky Navigation – please see attached screenshot. Please review this video to see the issue: https://www.dropbox.com/s/hftttukgem4fd98/Screen%20Recording%202023-03-15%20at%2011.00.59.mov?dl=0

The HTML block is causing the side bar to open when the users’ cursors moves into the area where the HTML block appears – this means the side bar unintentionally opens, preventing access to parts of the main page as the menu opens over it. The sticky menu should only be activated when the cursor is placed into the menu area on the far left side of the page.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry for a bit of delay in the response due to the weekend!

We have consulted with our development department in this regard and they have shared the following Custom CSS to apply in this regard on your Site under the Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

.wd-sticky-nav-content {
    pointer-events: none;
}

.wd-sticky-nav:is(:hover,.wd-opened) .wd-sticky-nav-content {
    pointer-events: unset;
}

Further, this issue will get resolved in the upcoming Theme Updates too.

Thanks for your patience and cooperation in this regard.

Best Regards.

[Author]

Posts