Submenu disappears quickly

Travelify
1

Hello there,

i have a problem with my menu bar, it disappears too quickly and the user cannot select the submenu items.

I am using the following code in ‘additional css’ section to customize the menu bar


/*Change menu items color*/
#main-nav li a 
{
    color: #666666;
}
body #main-nav a:hover,#main-nav ul li.current-menu-item a,
body #main-nav ul li.current_page_ancestor a, 
body #main-nav ul li.current-menu-ancestor a, 
body #main-nav ul li.current_page_item a,
body #main-nav ul li:hover > a, 
body #main-nav li:hover > a, 
body #main-nav ul ul :hover > a, 
body #main-nav a:focus
{
	background: #fff;
	color: #ff4700;
	box-shadow: none !important;
}
#main-nav li a 
{
	font-size: 18px;
	padding: 0px 10px;
	line-height: 0px;
}

could this be the problem? Should i add something here?

Regards

2

Hello there,

I hope you are doing well today.

Could you please provide a link to your website so that I can inspect the menu?

Best Regards,
Support

3

Hello, i am fine thank you. And you?

Here is my website
www.swarco.gr (Swarco Hellas – First in Traffic Solutions)

the problem is on Greek language on menu “Λύσεις και προϊόντα”, you cannot select any of the 5 submenus

4

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*extend menu height */
#menu-item-387 > a {
    height: 40px;
}

Best regards,
Support.

5

Hello,

this worked great, i only had to change the height to 50px.
Now i have a different problem, when i hover over the submenu the letters disappear, could you tell me how to change the color and font-size for the submenu? Should i open a new thread for this?

Best Regards
Kostas

6

Hello again,
sorry for the trouble, i found an old thread that was answered by Movin (https://colorlibsupport.com/t/change-color-of-the-drop-down-menu/)
the code he suggested did the trick for me also



body #main-nav ul li ul li a:hover, 
body #main-nav ul li ul li:hover > a, 
body #main-nav ul li.current-menu-item ul li a:hover {
  color: #000;
}

Thank you again for the great theme and great support.
Best Regards
Kostas

7

Hello there,

Nice work finding that code, you can edit the font-size with it also

body #main-nav ul li ul li a:hover, 
body #main-nav ul li ul li:hover > a, 
body #main-nav ul li.current-menu-item ul li a:hover {
  color: #000;
  font-size:20px
}

Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support