CSS wordpress second level sub menu items disappear on hover - css

Using a blank Wordpress theme to create a custom site, but it did not have any CSS for a drop down submenu. I have it basically working but when I try to move the cursor to the second drop down item down under the (events tab) the sub menu disappears.
site is here
I thought I have it all set to display block so that the whole menu item is the button, but not the case here.

You need to set the z-index of the drop down menu higher than the image. By default elements have a z-index of 1, so anything greater than 1 will do (unless you've specified otherwise)

Related

Second menu block not showing children

I have installed a theme that has this block region:
In primary menu there was already a menu that works and can show children.
But i wanted to add another menu so i created a menu and placed the block in primary menu region bellow the main navigation menu that was set with the theme.
The first menu has that plus button to show shildren. But the second one doesn't show the plus and test2 is a child of test.
This is my configuration :
Is it a class problem ? Is there a way to edit the second menu html and give it same class as first menu.

Joomla 3.9: Menu item set to Separator is not clickable to reveal sub-menu items

I am building a website in Joomla, and I'm trying to make a menu in which some menu items should not have any article associated with it; clicking on them should only reveal the sub-menu items, but the rest of the page should stay static. So, I set that parent menu item to Separator, and added some sub-menu items to it. However, for some reason, the parent menu item is not clickable, meaning that I cannot reveal the sub-menu items.
Here is my website: http://vaterlinija.lt/
The parent menu item that has sub-menu items is the second one from the bottom (as you can see, it is non-clickable).
How do I fix this? I tried using Menu Header and URL (set to #) instead, but the result is the same. The only way to make these sub-menu items to show is to set that parent menu item to something like Single Article or similar, which is precisely what I want to avoid. I am using my own template, made from scratch. Do I need to add something to CSS, maybe?

meteor login dropdown drops below end of page

I'm using meteor + bootstrap.
My nav is at the bottom of the page and the logginButtons are in the navbar.
The dropdown drops down, below the end of the page.
Is there a way to make it drop up, on top of the navbar ?
The pattern is my background, under firefox's window.
The Bootstrap document states it clearly that
Dropdown menus can be changed to expand upwards (instead of downwards) by adding .dropup to the parent.
You will see a working example if you follow the link.

Displaying a menu child in drupal 7

How to make a child menu visible in Drupal 7 ?
The child menu appears just when I inter to the page of the parent menu. I want to make it visible whenever i put the mouse on the parent menu.
I hope it's clear!
thank you
This is the answer :
Go to your parent menu item, edit it and click on the 'Show as expanded' checkbox. Now all the children menu items should be visible from the top level.

my asp:menu control is hidden when it contains no items - how can I show it?

I added an asp:menu control (with a web.sitemap backend) to my app. For this particular app, when the user is not logged in, I don't want to show any menu items, but I do want the menu to have the same color as the bitmap header under it. However, when the menu is empty, I just end up with a blank rectangle. It's a static menu, 5 items, using CSS to style it. I've tried adding the background color to the menu, the staticmenu style, and the staticmenuitem style with no luck. Any ideas?
Why not wrap the menu control in a div to create a container that will always exist regardless and give it a background color?

Resources