Page 1 of 1

CSS Mega Menu drop-down lower than the page

Posted: Sun May 25, 2025 10:51 pm
by FloatingPoint
Greetings,

I'm having one issue with the bottom navigation (CSS Mega Menu). When I select any menu link the drop-down occurs, but it cannot be seen because it goes lower than the page. It would be great if I can make the menu pop up instead of down. :-) What do I need to do to fix this issue?

URL: https://www.ngwidgetsoftware.com/

Thank you.

Re: CSS Mega Menu drop-down lower than the page

Posted: Mon May 26, 2025 5:52 am
by Pablo
I'm sorry, this menu has no option to change the dropdown into a popup.

Re: CSS Mega Menu drop-down lower than the page

Posted: Mon May 26, 2025 8:17 am
by alan_sh
Is ths a Z value isse?

Alan

Re: CSS Mega Menu drop-down lower than the page

Posted: Mon May 26, 2025 8:27 am
by BaconFries
would be great if I can make the menu pop up instead of down. :-)
@alan_sh no the op is asking can the menu items go up rather than drop down...
See the following example although not a "Mega Menu"
https://www.w3schools.com/howto/tryit.a ... opup_hover

Re: CSS Mega Menu drop-down lower than the page

Posted: Mon May 26, 2025 9:03 am
by VictorKrs
Hello!
Does anyone know if WWB has an upward-facing menu?

Re: CSS Mega Menu drop-down lower than the page

Posted: Mon May 26, 2025 12:01 pm
by Pablo
The built-in 'Dropdown menu ' has an option to set the orientation of the popup menu.

Re: CSS Mega Menu drop-down lower than the page

Posted: Mon May 26, 2025 3:11 pm
by FloatingPoint
Okay thanks… I'll work with the Drop-down menu. The question I have in reference to that is I made the text font size set to 9. However, it just looks like the word "Home" got smaller, but all of the other menus (PRODUCTS, DOCUMENTATION, PURCHARE and SUPPORT) are the same big size.

How would I adjust those other menus to be font size 9?

Tahnks.

Re: CSS Mega Menu drop-down lower than the page

Posted: Mon May 26, 2025 3:35 pm
by Pablo
On my computer, the word 'HOME' has the same size as the other items in the menu.
I have tested it in multiple browsers.

Re: CSS Mega Menu drop-down lower than the page

Posted: Mon May 26, 2025 3:46 pm
by FloatingPoint
Okay… Are there other places to change the font size. The area I'm looking in is Style, Text. I set that to nine.

Re: CSS Mega Menu drop-down lower than the page

Posted: Mon May 26, 2025 4:06 pm
by FloatingPoint
Okay… I just made them a little smaller and it looks a little more even. I can work with that. Thank you very much for your help. :D

Re: CSS Mega Menu drop-down lower than the page

Posted: Mon May 26, 2025 4:16 pm
by BaconFries
I can see what you are referring to as can be seen in the following screenshot
Image
How are you adding the menu? are you simply adding individual menus for each page? To me it looks like when you have typed HOME to the menu in the example screenshot you didn't type using full uppercase.

The best way to ensure all menus and the page names are the same would to use the following
How to use Master Pages? by using this then all pages will use the exact same menu and if you ever need to make changes then you only need to apply it to the masterpage for it to take effect to all pages.

Re: CSS Mega Menu drop-down lower than the page

Posted: Mon May 26, 2025 6:59 pm
by VictorKrs
Pablo wrote: Mon May 26, 2025 12:01 pm The built-in 'Dropdown menu ' has an option to set the orientation of the popup menu.
Thanks for the advice, Pablo!

Re: CSS Mega Menu drop-down lower than the page

Posted: Mon May 26, 2025 7:12 pm
by alan_sh
PS - It's spelled "COMING", not COMMING"..