I want the parent page navMenu item to be active

  • Resolved patoservera

    (@patoservera)


    3 years, 4 months ago

    What I was is simple and I’m almost there, following this post

    I could manage to see the beginning of the animation, what I want is to see the hole underline under Services.

    I use Elementor Pro to edit the site

    It has been to days searching for this and I can’t find the solution.

    Will appreciate the help

    The page I need help with: [log in to see the link]

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

  • Hello,

    ?Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

    .elementor-nav-menu--main .current-page-ancestor .elementor-item {
    color: #ffcc06 !important;
}
    Thread Starter patoservera

    (@patoservera)

    thank you very much @abhikr781 for you response.
    This changes the color of the typography and what I want is that the yellow line bellow stays in an “active” state.

    Thread Starter patoservera

    (@patoservera)

    If I put this code

    .elementor-nav-menu--main .current-page-ancestor .elementor-item:after {
    opacity: 1 !important;
}

    This makes the underline appear but just a bit of it to the left, like if it is the beginning of the animation.

    I think we are close and just need a magic word.

    Hello,

    Sorry for the misunderstanding.

    Please try the below code and check.

    .elementor-nav-menu--main .current-page-ancestor .elementor-item:after {
    opacity: 1 !important;
    width: 100% !important;
    left: 0 !important;
}
    Thread Starter patoservera

    (@patoservera)

    You drinking genius @abhikr781 This is just what I needed!!!
    Thank you very much, I’m loving this WP environment

    You are most welcome and glad to hear that solution worked well.??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘I want the parent page navMenu item to be active’ is closed to new replies.