Individual Mega Menu Column Headings

[lauries]

What code can I add in the ‘Custom HTML Column’ shown to:
1) Center the Heading on this column only.
2) Delete the Heading on this column only.

Thanks!

[Rui Guerreiro – SUPPORT]

Hi,

You will need to add an extra class so that specific title can be targeted.
Create a column and add an extra class and let us know the url so we can show you the necessary css.

-Rui

[lauries]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

I meant the extra class field when editing the column.

This is what I’m seeing in that page, don’t see any column heading.

-Rui

[lauries]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

My fault I’m confusing the columns used in the page builder when you are talking about the columns of the mega menu.

Add the code to the custom css option to hide that specific heading.

.menu-item-15455 a {
    display: none!important;
}

-Rui

[lauries]

Great, thank you – this worked. I would also like to center all Mega Menu titles that appear above images. The column titles that do not have images look fine when the titles flush left; but the column titles with images need to be centered. Is this possible? Thanks.

[Rui Guerreiro – SUPPORT]

Try this css.

.sf-menu-item-html a {
    text-align: center!important;
}

-Rui

[lauries]

Worked perfectly. Thank you for all your help!

[David Martin – Support]

Marking as resolved.

Thanks.