Mega Menu Column & Row CSS Class - Forum | JoomShaper
Staff replied Helix Framework

Mega Menu Column & Row CSS Class

Asked by MW Dev 5 years ago Last activity 5 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.

3 replies

Oldest first Newest first Most helpful
Ofi Khan Staff
5 years ago

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

MW Dev Asked this
5 years ago

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

Ofi Khan Staff
5 years ago

You are welcome. Yes, we might consider this.

Log in to reply.