Elementor menu items, item hoover - by belanti

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

  • Avatar: belanti
    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.
    2 Answers
    Avatar: belanti
    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

    Avatar: Rose Tyler
    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

  • Viewing 3 results - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.