Navbar Styles

Menu Manager addon WHMCS
Order now | Download | FAQ
Overview
The Navbar Styles page displays all available navbar styles as cards. Each style card shows the style name, icon, description, and an Edit button for customization.

Navbar Styles — all 10 available styles with descriptions and Edit buttons

Available Styles

Style
Description

Default WHMCS
Standard WHMCS navbar appearance with no modifications. No customization available.

Modern Shadow
Clean design with subtle shadows, smooth hover transitions and refined typography

Dark Elegant
Dark background navbar with light text, elegant hover effects and premium feel

Gradient Wave
Vibrant gradient backgrounds on hover, colorful and eye-catching transitions

Minimal Underline
Ultra-clean design with animated underline effects on hover, no borders

Rounded Pill
Rounded pill-shaped items with soft shadows and friendly, approachable design

Glass Morphism
Frosted glass effect with blur, transparency and modern glassmorphism aesthetic

Neon Glow
Vibrant neon glow effects on hover with dark background and luminous accents

Flat Material
Google Material Design inspired with elevation shadows and ripple-like effects

Classic Bordered
Traditional bordered design with clean lines, separators and classic aesthetics

Editing a Style
Click the Edit button on any style card to open the style editor page.

Note: The Default WHMCS style has no customization options — it uses the standard WHMCS navbar without any CSS modifications.

Style Editor
The style editor provides a live preview and property controls for customizing the selected style.

Style Editor — Glass Morphism style with live preview showing dropdown menu and customizable properties
Live Preview
The top section shows a live preview of the navbar with the current style settings applied. The preview includes sample menu items (Home, Services, Domains, Support) with a dropdown example, so you can see how the style looks in real-time as you adjust the properties.
Style Properties
Each style has its own set of customizable properties. Common properties include:

Property
Description

Background Color
The background color of navbar items

Background Opacity
Opacity of the background color

Border Color
Color of the item borders

Border Opacity
Opacity of the borders

Text Color
Color of the menu item text

Shadow Color
Color of box shadows

Hover Background Opacity
Opacity of the background on hover

Blur Amount
Blur intensity for glass effects

Dropdown Blur
Blur intensity for dropdown menus

Transition Duration
Animation speed for hover effects (in seconds)

Properties vary between styles. For example, Glass Morphism includes blur controls, while Gradient Wave includes gradient angle and colors.

Action Buttons

Button
Description

Save Changes
Saves the current style properties to the database

Reset to Defaults
Restores the default values for all properties of this style

Client Area Examples
Below are examples of how different navbar styles appear in the WHMCS client area.
Glass Morphism

Glass Morphism — frosted glass effect with mega menu showing Get Help and Quick Actions

Glass Morphism — dropdown menu with transparent blur effect
Modern Shadow

Modern Shadow — clean design with subtle shadows and mega menu

Modern Shadow — dropdown menu with smooth hover transitions
Dark Elegant

Dark Elegant — dark background navbar with mega menu

Dark Elegant — dark navbar with dropdown menu and light text
Gradient Wave

Gradient Wave — vibrant gradient backgrounds with mega menu

Gradient Wave — colorful gradient effects with dropdown menu
Minimal Underline

Minimal Underline — ultra-clean design with mega menu

Minimal Underline — animated underline effect with dropdown menu
Neon Glow

Neon Glow — dark background with luminous mega menu columns

Neon Glow — neon accent colors with dropdown menu
Classic Bordered

Classic Bordered — traditional bordered design with mega menu

Classic Bordered — classic borders and separators with dropdown menu