Hi,
On helix, how can I change parent background link color when parent or child link is active here for instance :
Before active => https://imgur.com/zXaLlm7
After active => https://imgur.com/cmJMUCV
See link in Hidden Content area.
THanks
Solved
Helix Framework
HELIX submenu menu items color
Asked by Laurent
1 year ago
Last activity 1 year ago
Accepted answer
Marked as the solution
Atick Eashrak Shuvo Staff
Please add the following CSS code to your Template Options -> Custom Code -> Custom CSS
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li.current a {
color: #763cc6 !important;
}
Laurent Asked this
works fine many thanks
3 more replies
Atick Eashrak Shuvo Staff
Hello Laurent,
Sorry for the inconvenience. Just to clarify, you'd like the active menu item to appear the same as it does when you hover over it, is that correct?
Looking forward to your response.
Best regards
Laurent Asked this
yes
Atick Eashrak Shuvo Staff
Hello Laurent,
Please add the following CSS code to your Template Options -> Custom Code -> Custom CSS:
.offcanvas-menu .offcanvas-inner ul.menu li.active > a {
color: #fff !important;
background-color: #854be0 !important;
}If this doesn't solve the issue, please reach out and I'll look into it more deeply.
Best regards
Laurent Asked this
works fine but how can I apply different css style for link 1 (aprent) and link 2 (child) => https://imgur.com/N9a1gZv ?
Atick Eashrak Shuvo Staff
Please add the following CSS code to your Template Options -> Custom Code -> Custom CSS
.offcanvas-menu .offcanvas-inner ul.menu > li.active > a{
color: #fff !important;
background-color: #854be0 !important;
}
Laurent Asked this
already done in my custom.css file
Atick Eashrak Shuvo Staff
Hello Laurent,
Sorry for the inconvenience. There's a slight change in the CSS. Please replace the current CSS with the previous version.
Laurent Asked this
ok done
works for parent link (1) looks good => https://imgur.com/ntnsgek
but how to style only child link (2) => https://imgur.com/ntnsgek
Log in to reply.