Menu items hover effect: Feature request

  • Resolved Dmitry Bychenko

    (@wpbluefox)


    3 years, 3 months ago

    Hello there,
    Thanks for your great product, I really enjoy using it.

    Can you add one more setting to control Menu item underline: see picture.
    https://prnt.sc/1qh3z6h

    Currently there is only option to space out Menu items, but
    it makes underline hover effect to be really wide.

    Can you add one more setting to control the width of underline hover thing?

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hello @wpbluefox

    The “indicator effect” option should let you control the width of the underline. Have you tried playing around with the option to see if it fits your needs?

    Thanks!

    Thread Starter Dmitry Bychenko

    (@wpbluefox)

    Thanks for reply,

    Yes, I saw it.
    It controls the width, but mostly it controls underline appear behavior.
    From center to sides or from left to right.

    Is it possible to have underline just fading in and separate width control setting?

    Hello @wpbluefox

    Would you be able to post the website’s URL so I can offer you a proper CSS solution?

    Thanks!

    Thread Starter Dmitry Bychenko

    (@wpbluefox)

    Sure.

    Hello @wpbluefox

    Can you try adding the following to the additional CSS pane inside the Customiser?

    [data-menu*="type-2"]>ul>li>a:after {
width: calc(100% - var(--menu-items-spacing, 25px));
margin: 0 auto;
}

    Let me know if this works for you!

    Thread Starter Dmitry Bychenko

    (@wpbluefox)

    works nice, thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Menu items hover effect: Feature request’ is closed to new replies.