Main Navigation Menu Dropdown

[William]

Thanks Glenn,

I am using the default theme now. Too many users gave up on the two column design, expressing it was overly complicated.

I actually found that some of the drop down menu css such as the text color are changeable by stylevar.

Enjoy,
William

[glennrocksvb]

I see a different default theme on your site which looks like the vB5 Default Style. I don't see the style in the screenshot you posted

Anyway, the trick to debug the CSS for this particular mod is to add "selected" class in the <li> element with "section-item" class and then setting "display: block" in the submenu dropdown <ul> (with class "custom-subnav-dropdown") inside the section-item element. When you do this, the submenu dropdown will be kept opened and you can inspect the elements without the dropdown being hidden to customize the style.

[William]

No rush. I'm trying to make the background white to match the rest of the navbar. However, the text needs be black and remain black when the menu option is either selected or not selected.

Thanks Glenn,
William

[glennrocksvb]

I'll take a look when I get home.

[William]

Hi Glenn,

I can't figure this css out. When I mouse over a menu item and then drag the pointer upwards the text remains white after leaving it.

I see

#channel-tabbar ul li.selected:not(.current) > a {
color: #FFFFFF !important;
}

But if I change it in additional_css the effects do not happen.

https://www.christforums.org

[glennrocksvb]

Will look into it. Thanks for reporting.

[420]

I made a workaround by changing the forums link to # and adding a link "Forum Home" to that menu.



An other small usability detail:

When inspecting the menu, the arrow pointing down is in an other area then the forum link.
When I point my mouse cursor between the FORUMS link and the ARROW DOWN. the dropdown menu disappears.
This is annoying because sometimes when you want to select a link from a menu and move your cursor in a specific way the dropdown will not appear.

Would it not be better if the arrow was a background image inside the <li> element? Or is there a better wat to improve this?

[glennrocksvb]

That's an inherent problem with touch devices which doesn't have hover event. If you'd do it as click for touch devices, then you'd lose the ability to click on the main menu and go that page. In your example, you won't be able to go to /blogs

I'll check if there's a workaround.

[420]

Bought this mod and I really like it. There is a problem for touch screen devices such as tablets though.
When you click on the arrow for the dropdown menu. The sublinks show for a few seconds while the page loads the link that was clicked.

For instance when clicking the BLOGS tab. the page already loads "https://vbmods.rocks/blogs". You have to be fast to click the NEW ENTRIES link.

[glennrocksvb]

Please PM me the order id and your name you are using in Paypal.

[Sp0rtsJunki3]

Would it be possible to have the most recent version of this sent to me again? I didn't download the recent update in time and my link expired.

[glennrocksvb]

The issue doesn't occur on this site vbmods.rocks. Do you have custom css that may interfere with this mod?

[glennrocksvb]

I'll look into that.

[William]

One last thing. When hovering over a menu option and navigating away from it the hover sticks.... For example you can see where both menu options are highlighted also the mouse pointer is not ontop of the menu option:

[William]

Please ignore:

.l-desktop .section-item.custom-has-subnav::after {
    border-color: #000 transparent transparent transparent !important;
    }