HELIX Submenu Menu Items Color - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

HELIX Submenu Menu Items Color

Laurent

Laurent

Helix Framework 1 month ago

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

0
10 Answers
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 1 month ago #202472

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;
}
0
Laurent
Laurent
Accepted Answer
1 month ago #202502

works fine many thanks

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 1 month ago #202355

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

0
Laurent
Laurent
Accepted Answer
1 month ago #202372

yes

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 1 month ago #202374

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

0
Laurent
Laurent
Accepted Answer
1 month ago #202457

works fine but how can I apply different css style for link 1 (aprent) and link 2 (child) => https://imgur.com/N9a1gZv ?

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 1 month ago #202466

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;
}
0
Laurent
Laurent
Accepted Answer
1 month ago #202467

already done in my custom.css file

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 1 month ago #202468

Hello Laurent,

Sorry for the inconvenience. There's a slight change in the CSS. Please replace the current CSS with the previous version.

0
Laurent
Laurent
Accepted Answer
1 month ago #202469

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

0