CSS Overrides Migration for the Navigation Menu

If you plan to continue using custom CSS overrides, migrate them forward after you update the template.

This topic identifies selector changes for the Navigation Menu.

  • Use custom CSS sparingly since template updates don’t always support customizations.
  • Custom CSS is now shared across all your site pages. If you used custom CSS for Login pages, copy it and close the CSS editor. Then navigate to a non-Login page, reopen the editor, and add the custom CSS.

Previous Selector New Selector

.forceCommunityNavigationMenu

.forceCommunityNavigationMenu #navigationMenu

.forceCommunityNavigationMenu .navigationMenu

.forceCommunityNavigationMenu .navigationMenuWrapper

.comm-navigation
Previous SelectorNew Selector
.forceCommunityNavigationMenu .navigationMenuWrapperCurtain.comm-navigation nav.slds-is-fixed
Previous SelectorNew Selector
.forceCommunityNavigationMenu .homeLink .forceCommunityNavigationMenu .homeButton.comm-navigation .slds-list__item a[data-type="home"]

Previous Selectors New Selector

.forceCommunityNavigationMenu

.homeLink.forceCommunityNavigationMenu

.homeButton.comm-navigation .slds-list__item a[data-type="home"]

.comm-navigation .comm-navigation__item a[data-type="home"]
Previous SelectorNew Selector
.forceCommunityNavigationMenu .toggleNav.siteforceServiceBody .cHeaderPanel .cAltToggleNav

Includes submenu triggers.

Previous Selector New Selector

.forceCommunityNavigationMenu .menuItem

.forceCommunityGlobalNavigation .navigationMenuNode

.comm-navigation .comm-navigation__list > .slds-list__item

.forceCommunityNavigationMenu .menuItem

.forceCommunityGlobalNavigation .navigationMenuNode

.comm-navigation .comm-navigation__list > .slds-list__item

.comm-navigation .comm-navigation__list > .slds-list__item > .comm-navigation__item

Previous Selector New Selector

.forceCommunityNavigationMenu .current

.forceCommunityGlobalNavigation .menuItem.current

.comm-navigation .comm-navigation__list > .slds-list__item > .slds-is-active

.forceCommunityNavigationMenu .current

.forceCommunityGlobalNavigation .menuItem.current

.comm-navigation .comm-navigation__list > .slds-list__item > .slds-is-active

.comm-navigation .comm-navigation__list > .slds-list__item> .comm-navigation__item > .slds-is-active

Previous Selector New Selector

.forceCommunityNavigationMenu .menuItemLink

.forceCommunityNavigationMenu a.menuItemLink

.forceCommunityNavigationMenu .menuItem .menuItemLink

.forceCommunityNavigationMenu .menuItem a

.forceCommunityNavigationMenu .menuItem a.menuItemLink

.comm-navigation .comm-navigation__list > .slds-list__item > a

.comm-navigation .comm-navigation__list > .slds-list__item > button

.forceCommunityNavigationMenu .menuItemLink

.forceCommunityNavigationMenu a.menuItemLink

.forceCommunityNavigationMenu .menuItem .menuItemLink

.forceCommunityNavigationMenu .menuItem a

.forceCommunityNavigationMenu .menuItem a.menuItemLink

.comm-navigation .comm-navigation__list > .slds-list__item > a

.comm-navigation .comm-navigation__list > .slds-list__item > button

.comm-navigation .comm-navigation__list > .slds-list__item> .comm-navigation__item > a

.comm-navigation .comm-navigation__list > .slds-list__item> .comm-navigation__item > button

Previous SelectorNew Selector
.forceCommunityNavigationMenu .subMenuItem.comm-navigation .slds-list_vertical.slds-is-nested .slds-list__item
.forceCommunityNavigationMenu .subMenuItem .comm-navigation .slds-list_vertical.slds-is-nested .slds-list__item.comm-navigation .slds-list_vertical.slds-is-nested .comm-navigation__item
Previous SelectorNew Selector
.forceCommunityNavigationMenu .subMenuItem.current.comm-navigation .slds-list_vertical.slds-is-nested .slds-list__item .slds-is-active
.forceCommunityNavigationMenu .subMenuItem.current .comm-navigation .slds-list_vertical.slds-is-nested .slds-list__item .slds-is-active.comm-navigation .slds-list_vertical.slds-is-nested .comm-navigation__item .slds-is-active

Previous Selector New Selector

.forceCommunityNavigationMenu .triggerLink

.forceCommunityNavigationMenu .triggerLabel

.comm-navigation .slds-list__item button:enabled

.forceCommunityNavigationMenu .triggerLink

..forceCommunityNavigationMenu .triggerLabel

.comm-navigation .slds-list__item button:enabled

.comm-navigation .comm-navigation__item button:enabled
Previous SelectorNew Selector
.forceCommunityNavigationMenu .triggerLink .forceIcon.comm-navigation .slds-list__item button:enabled .slds-icon_container
.forceCommunityNavigationMenu .triggerLink .forceIcon .comm-navigation .slds-list__item button:enabled .slds-icon_container.comm-navigation .comm-navigation__item button:enabled .slds-icon_container

Includes top-level and submenu items.

Previous SelectorNew Selector
.forceCommunityNavigationMenu .navigationMenu li.comm-navigation .slds-list__item
.forceCommunityNavigationMenu .navigationMenu li .comm-navigation .slds-list__item.comm-navigation .comm-navigation__item

Includes top-level and submenu items.

Previous Selector New Selector

.forceCommunityNavigationMenu a

.forceCommunityNavigationMenu a.menuItemLink

.comm-navigation .slds-list__item a

.comm-navigation .slds-list__item button

.forceCommunityNavigationMenu a

.forceCommunityNavigationMenu a.menuItemLink

.comm-navigation .slds-list__item a

.comm-navigation .slds-list__item button

.comm-navigation .comm-navigation__item a .comm-navigation .comm-navigation__item button
Previous SelectorNew Selector
.forceCommunityNavigationMenu .subMenu.comm-navigation .slds-list_vertical.slds-is-nested
Previous SelectorNew Selector
.forceCommunityNavigationMenu .subMenuItem.comm-navigation .slds-list_vertical.slds-is-nested .slds-list__item
.forceCommunityNavigationMenu .subMenuItem .comm-navigation .slds-list_vertical.slds-is-nested .slds-list__item.comm-navigation .slds-list_vertical.slds-is-nested .comm-navigation__item
Previous SelectorNew Selector
.forceCommunityNavigationMenu .subMenuItem a .forceCommunityNavigationMenu .subMenu a.comm-navigation .slds-list_vertical.slds-is-nested .slds-list__item a
.comm-navigation .slds-list_vertical.slds-is-nested .comm-navigation__item.comm-navigation .slds-list_vertical.slds-is-nested .comm-navigation__item a