Resolved Adding custom styles to menu items helix ii

I already want you access for doing this. Will you please send me the access?

Hi

I have added custom css class as home for menu item home in helix megamenu options. But how to add code in template.css file, what code needs to be added.

#sp-main-menu ul.level-0 > li.home{background:red!important;}

I just need the code to be added in template.css file to add the css class to menu items.

I have done the following

1. Joomla administration Mainmenu->Home: add custom css class as home

I need the code to make home class.

Please help.

Thank You

Send me your access via pm. I am gonna fix it.

Hi

I turned off LESS in template manager, I have added custom class to Menu Item from Helix Mega Menu Options. But How to add custom css code in template.css file.

li.menu-item.home1 a:hover{background:#05E7FB!important;color:#fff!important} This was the code I used for helix frame work old. How about new helix ii framework.

Thank You

Turn off the less form template_manager. And do normal css.
Note: Without turning off the less the normal css wouldn't be work.

Hi. Thanks for the solution, But I don't user menu.less most of the times, I have disabled LESS in template. I wanted to know how can it be possible to have a custom class style for a menu item without using LESS.

I figured out adding the custom menu class in Helix Mega Menu Options, I was doing it since the first release of Helix framework. But I am not getting in Helix ii framework.

Please provide a solution.

Thank You

Open the menu and go to Helix Mega Menu Options. Here you found the option Add Custom Class. Now add your class and do css on the menu.less file.
Thanks.