Home › Forums › WoodMart support forum › Sticky navigation – side bar

Sticky navigation – side bar

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 15, 2023 at 2:24 pm #451370

    Puddle123
    Participant

    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

    March 15, 2023 at 4:09 pm #451415

    Aizaz Imtiaz Awan
    Keymaster

    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.

    March 15, 2023 at 8:31 pm #451495

    Puddle123
    Participant

    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.

    March 16, 2023 at 3:06 pm #451730

    Aizaz Imtiaz Awan
    Keymaster

    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.

    March 18, 2023 at 12:07 am #452206

    Puddle123
    Participant

    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.
    March 20, 2023 at 2:15 pm #452624

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 6 posts - 1 through 6 (of 6 total)