Black links on dark background.

mrlawrencelam

On small-screen devices such as iPhone and iPad (vertical), if I tap one of the sub-menu, the rest of the links will become black. It is then unreadable as the background is also dark.

I can’t seem to find the setting under Template Style > Color Theme.

Can someone please help?

dominic

Hi mrlawrencelam,
You can add the following CSS Code to the Tools > Custom CSS:

@media (max-width: 991.98px) {
.nav-breakpoint-lg div.t4-megamenu .dropdown-menu a {
    color: #fff !important;
}
}

mrlawrencelam

dominic Thanks! That fixes the problems. The only thing is it no longer highlights the link to the current page (but still highlights the parent link). I can live with that. Not crucial.

dominic

Hi mrlawrencelam,
You can add this CSS code to highlight the sub-menu item:

.nav-breakpoint-lg div.t4-megamenu .dropdown-menu li.active a {
    color: #fac37d!important;
}

Hope this help!

mrlawrencelam

dominic That works perfectly. Thanks for all the help. Really appreciate.