How to remove border highlight (Mobile header)

  • Hello,

    I made a custom header for mobile devices with Elementor Pro. Everything works fine, except the pre selecter border. I tried some custom CSS and advanced setting, but I can’t solve the problem.

    When opening the hamburger menu, ‘HOME’ is pre selected > https://www.position1one.nl

    Can somebody please explain me how to remove it?

    TIA!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Sepi

    (@sepicompanywork)

    Hello

    This is elementor default to show active page different by color on menu. This is class of it “elementor-item-active”. you can give it some css. You need below code if I understand correctly.

    .elementor-item-active{border: 0px !important;}

    You can check below link. It’s about your problem somehow.

    https://www.ads-software.com/support/topic/nav-menu-active-item-change-color/

    • This reply was modified 1 year, 3 months ago by Sepi. Reason: forget ; at end of the code
    Plugin Support Joel

    (@joelsm)

    Hello,

    Thank you for reaching out.

    Also, go to Popup setting > Advanced and disable the Accessible navigation.
    We are wishing you a pleasant day ahead.

    Kind Regards,

    • This reply was modified 1 year, 2 months ago by Joel.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to remove border highlight (Mobile header)’ is closed to new replies.