Mega Menu Column & Row CSS Class - Question | JoomShaper

Mega Menu Column & Row CSS Class

MD

MW Dev

Helix Framework 2 years ago

Is it possible to add a CSS class to Helix Mega Menu columns and rows? I could find a class field for the parent item but not the columns/rows. This is needed for larger menu drop downs where you want different background colors etc for columns / rows.

0
3 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #32350

Hello MW Dev

There is no way to add class but you can use CSS. Please use this CSS to Template Options -> Custom Code -> Custom CSS to try.

.sp-dropdown-inner .row div:nth-child(2){
    background-color: yellow;
}

Best regards

0
MD
MW Dev
Accepted Answer
2 years ago #32555

Thanks Ofi!

Will do. Perhaps JoomShaper can consider adding a class field to the mega menu builder for columns at some point to make this a little quicker and more future proof should we need to move column position but want to retain styling without reworking css.

Cheers

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #32599

You are welcome. Yes, we might consider this.

0