How can I underline the active menu item in Debut Theme?

Hi,

I would like to have the “Catálogo” menu item to be underline whenever I am in the “Catálogo” page. For some reason every other menu item is underline when I go into their page, but for “Catálogo” it doesn´t work.

Does anybody have a quick fix for this?

My Website

i checked the menus. it works good from my side. check attached image.

Hi @pioneer100

Does it work on desktop as well for you?

@VelasArtes , No i can not see it on desktop view. t fix this issue add “site-nav__link–active” class in between {% if link.active %}{% endif %} Tags.

1 Like

add this to the end of theme.css file and check

.site-nav__link--active .site-nav__label {
    border-bottom-color: var(--color-text);
}

It didn´t work for me.

@VelasArtes , add me as a staff using below email id. i can fix it easily.

candisoft100@gmail.com

@pioneer100 Hi,

If it is an easy fix, would you mind posting the solution here? This could potentially benefit someone from the future.

Thanks

@VelasArtes ,

ok let me check, if it will be easy fix I will post solution here.

@pioneer100 Thanks,

This is an updated link, which shows the exact page in which the Menu item “Catálogo” is not underlined (and it should).

@VelasArtes

add below code at the end of assets->theme.css file.

.site-nav--active{
     text-decoration: underline !important;
}

@pioneer100 Hi

This works, nonetheless, the menu item gets double underlined if I hover my mouse over it. Any idea on how to fix this?

Thanks,

@VelasArtes
It doesn’t happen in my browser. please check the attached image.

  • I think you should hard refresh & clear caches.