Suggestion Dropdown on hover - For user menu ?

[ogulcan]

Hello this code working for left navbar menu(Forums-Main Page etc..).
How can i do for user (right) menu? User - Messages - Notification - DragonByte Shop - Search
Thank you.

@media (min-width: (@xf-responsiveWide + 1))
{
    .has-no-touchevents .p-nav
    {
        .p-navEl[data-has-children]
            {
                position: relative;
                &:hover:not(.is-selected) .menu
                {
                    display: block;
                    opacity: 1;
                    top: @header-navHeight;
                    z-index: @zIndex-4;
                }
                .p-navEl-splitTrigger { pointer-events: none; }
        }
        .hScroller { overflow: visible; }
        .hScroller-scroll
        {
            margin-bottom: 0 !important;
            overflow: visible;
            padding-bottom: 0 !important;
        }
    }
}

 

[ogulcan]

I accidentally chose the prefix Suggestion

 

[Russ]

I'm not sure how to achieve this. The alerts + conversations populate when the menu is "clicked", it loads fresh alerts + conversations. It's not just a CSS fix but will require some sort of JS code to load the content.

Probably best off posting here: https://xenforo.com/community/forums/styling-and-customization-questions.47/

 

[ogulcan]

I thought an easy CSS code would help me. I guess no one will support this for free. I'll try to find someone to do it for a fee.
Thank you.

 

[Russ]

I thought an easy CSS code would help me. I guess no one will support this for free. I'll try to find someone to do it for a fee.
Thanks you.

Yeah, unfortunately CSS alone wouldn't work or else I would help you. I just don't know how to actually trigger the JS functions on hover. Best of luck!

Also, just a heads up you'll probably want them to make it so it reverts back to click when touch device is detected (hover won't work for a phone).