Dropdown login

A week ago I asked you to make some modifications to the dropdown login menu and specifically:
1.How do we remove the gap?

2. The account dropdown disappears almost instantly with the mouse movement.Can we change that?
Your answer:
body .topbar-menu .woodmart-wishlist-info-widget>a {
height: 33px;
}

body .topbar-menu .item-level-0>a, .topbar-menu .menu>.menu-item-language>a {
line-height: 33px;
}

@media (max-width: 2600px) and (min-width: 1100px) {

body .top-bar-right .topbar-menu .sub-menu-dropdown, .top-bar-right .topbar-menu .submenu-languages {
top: 100%
}
}

Now, look at the new photo.
How do we change it to the new position? (Downwards in the highlighted horizontal line).
Sorry for any inconvenience I caused.

Try to add the following code snippet to the Custom CSS area in Theme Settings.

body .top-bar-right .topbar-menu .sub-menu-dropdown, 
body .top-bar-right .topbar-menu .submenu-languages {
	margin-top: 67px;
}

body .top-bar-right .topbar-menu .sub-menu-dropdown:before, 
body .top-bar-right .topbar-menu .submenu-languages:before {
	content:"";
	position: absolute;
	bottom: 100%;
	display: block;
	width: 100%;
	height: 67px;
}

Regards

Working perfectly.close the ticket please

You are welcome!

[Author]

Posts