CSS Mega Menu drop-down lower than the page

Issues related to hyperlinks and web site navigation.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/links.html
Post Reply
FloatingPoint
 
 
Posts: 18
Joined: Thu Apr 24, 2025 7:38 pm
Contact:

CSS Mega Menu drop-down lower than the page

Post 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.
===
NEXTGEN WIDGET SOFTWARE
A premier GUI for OpenPGP
https://www.ngwidgetsoftware.com/
User avatar
Pablo
 
Posts: 23517
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

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

Post by Pablo »

I'm sorry, this menu has no option to change the dropdown into a popup.
alan_sh
 
 
Posts: 1877
Joined: Tue Jan 01, 2019 5:50 pm

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

Post by alan_sh »

Is ths a Z value isse?

Alan
User avatar
BaconFries
 
 
Posts: 5957
Joined: Thu Aug 16, 2007 7:32 pm

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

Post 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
User avatar
VictorKrs
 
 
Posts: 327
Joined: Sun May 17, 2020 8:08 pm

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

Post by VictorKrs »

Hello!
Does anyone know if WWB has an upward-facing menu?
User avatar
Pablo
 
Posts: 23517
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

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

Post by Pablo »

The built-in 'Dropdown menu ' has an option to set the orientation of the popup menu.
FloatingPoint
 
 
Posts: 18
Joined: Thu Apr 24, 2025 7:38 pm
Contact:

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

Post 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.
===
NEXTGEN WIDGET SOFTWARE
A premier GUI for OpenPGP
https://www.ngwidgetsoftware.com/
User avatar
Pablo
 
Posts: 23517
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

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

Post 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.
FloatingPoint
 
 
Posts: 18
Joined: Thu Apr 24, 2025 7:38 pm
Contact:

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

Post 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.
===
NEXTGEN WIDGET SOFTWARE
A premier GUI for OpenPGP
https://www.ngwidgetsoftware.com/
FloatingPoint
 
 
Posts: 18
Joined: Thu Apr 24, 2025 7:38 pm
Contact:

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

Post 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
===
NEXTGEN WIDGET SOFTWARE
A premier GUI for OpenPGP
https://www.ngwidgetsoftware.com/
User avatar
BaconFries
 
 
Posts: 5957
Joined: Thu Aug 16, 2007 7:32 pm

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

Post 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.
User avatar
VictorKrs
 
 
Posts: 327
Joined: Sun May 17, 2020 8:08 pm

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

Post 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!
alan_sh
 
 
Posts: 1877
Joined: Tue Jan 01, 2019 5:50 pm

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

Post by alan_sh »

PS - It's spelled "COMING", not COMMING"..
Post Reply