Helix Ultimate Active Menu Line Color - Question | JoomShaper

Helix Ultimate Active Menu Line Color

G

gourou

Helix Framework 3 years ago

hello

in helix ultimate menu demo site i need to change the background of the active menu line like in innovate template. How to do it ? any css code i didnt find the line ?

thanks in advance

JPK

0
4 Answers
Anne
Anne
Accepted Answer
Support Agent 3 years ago #13546

Hello there,

Thanks for contacting with us. Please , follow the screenshots:

https://prnt.sc/117isnz

Go to the template-> template options-> Presets-> Enable custom style->

https://prnt.sc/117iwqd

-Regards

0
G
gourou
Accepted Answer
3 years ago #13559

thanks for you answer I see that and really it should be too easy but it's not what I'm expecting for. Dropdown Background Color is for full shape submenu and I need to change the color only for an active submenu item line like in you innovate template so any clues ?

0
G
gourou
Accepted Answer
3 years ago #13748

Knowledge has no value unless you use and share it

Put it in custom css helixultimate



.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active {
  background-color: green; /* your color there*/
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
  padding: 0px 0px;
  padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;}


sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {

  line-height: 1;
  display: block;
  padding: 15px 15px;
  cursor: pointer;
}
/*  fin background color hover sub menu item */```
0
Anne
Anne
Accepted Answer
Support Agent 3 years ago #13834

Hello there,

I am extremely sorry for the late response. Congratulations!! I am very glad that you have solved the problem.

-Regards

0