Return to previous page

Elementor menu items, item hoover - by belanti

This topic has 3 replies, 2 voices, and was last updated 3 years ago ago by Rose Tyler

belanti

Participant

November 8, 2021 at 16:12

Hi support!

I have a bit technically question, i use your own elementor widget(menu items), and how possible, if possible, to give underline to items on hoover? same as how menu works on hoover.

Domain not match as the last, but we goes to the live site, but its same site.

Greetings,
Áron

Please, contact administrator
for this information.

#307918 Copied Theme version: 8.0.9 WooCommerce version: 5.8.0

2 Answers

belanti

Participant

November 8, 2021 at 16:18

Question #2: Its possible, to make this static block full width? If i use basic elementor options, the static block overwidth

Greetings,
Áron

#307921 Copied
Rose Tyler

Support staff

November 9, 2021 at 09:23
Hello,

1/ Use the next custom CSS code:
```
.et-menu-list .subitem-title-holder a {
	position: relative;
	display: inline-block;
}
.et-menu-list .subitem-title-holder a:before {
	content: '';
	height: 2px;
	width: 0;
	right: 0;
	position: absolute;
	transition: width .2s ease-in-out;
	bottom: 5px;
	background: var(--et_active-color, currentColor);
}
.et-menu-list .subitem-title-holder a:hover:before {
	width: 100%;
	right: auto;
	left: 0;
}
```
, change padding for menu items and columns, for example – https://gyazo.com/fbcc0ec7e4a9b6c95f249751f3bf77f7 https://gyazo.com/40fbe514fc3e5a7a2ca04eb6dca7dbab

2/ Theme Options > Header builder > Main menu > Mega Menu Dropdown Full-Width

Regards
#307961 Copied
Tagged: elementor, hoover, item, menu, templates, woocommerce, wordpress
Viewing 3 results - 1 through 3 (of 3 total)