Remove menu item active state?

By default, Navi+ checks the current page URL to show the active state on the menu (using a gray background). This helps your customers navigate more easily.

However, the active state is not always necessary, especially on wide desktop screens where there are other ways to indicate “where you are,” such as breadcrumbs. Sometimes, you may want to remove the active state to make the menu look cleaner.

Here’s how to do it:

Method 1: If you want to apply it only to this menu only, the CSS code is as follows (paste it into the Internal Stylesheet / CSS box):

ul li.navi-active {
  background: initial;
}

Explanation: This adds a CSS rule like #SF-123456789 ul li.navi-active { background: initial; } to the page, applying only to this menu (with embedID SF-123456789) and not affecting other menus.

Method 2: If you want to remove all active effects across all Navi+ menus, use the following code (paste it into the Global Stylesheet / CSS box):

.naviItem ul li.navi-active {
  background: initial;
}