CSS classes: Navigation widget

Following is the list of CSS classes applied to Navigation widget:

CSS class name
Class set to
Default HTML tag
sfNavWrp Outer wrapper of navigation widget. <div> 
sfNavHorizontalWrp  Outer wrapper of horizontal (one-level) navigation.
<div>
sfNavHorizontalDropDownWrp  Outer wrapper of horizontal with dropdown menus navigation.
<div> 
sfNavHorizontalTabsWrp  Outer wrapper of horizontal with tabs (up to 2 levels).
<div> 
sfNavHorizontalSiteMapWrp  Outer wrapper of Sitemap in columns (up to 2 levels). <div> 
sfNavVerticalSiteMapWrp  Outer wrapper of Sitemap in rows (up to 2 levels).
<div> 
sfNavVerticalWrp  Outer wrapper of Vertical (1 level).
<div> 
sfNavTreeviewWrp  Outer wrapper of Vertical with sublevels (treeview).
<div> 
sfNavHorizontal  Wrapper of horizontal (one-level) navigation.
<ul> 
sfNavHorizontalDropDown  Wrapper of horizontal with dropdown menus navigation.
<ul> 
sfNavHorizontalTabs  Wrapper of horizontal with tabs (up to 2 levels).
<ul> 
sfNavHorizontalSiteMap  Wrapper of Sitemap in columns (up to 2 levels).
<ul> 
sfNavVerticalSiteMap  Wrapper of Sitemap in rows (up to 2 levels).
<ul> 
sfNavVertical  Wrapper of Vertical (1 level).
<ul> 
sfNavTreeview  Wrapper of Vertical with sublevels (treeview).
<ul> 
sfNavList  Wrapper of navigation widget for all navigation modes.
<ul> 
sfSel  Selected navigation item.
<a> 
sfLevel1  Wrapper for first level items of horizontal with tabs.
<ul> 
sfLevel2  Wrapper for second level items of horizontal with tabs  <ul> 

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Get started with Integration Hub | Sitefinity Cloud | Sitefinity SaaS

This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?