Modern Skin Demos

Several Skin Type options control the Mega Menu styling. The Modern option, recommended for most websites, includes over 10+ professionally designed skins. Non-technical site editors can customize the primary and secondary hue, while designers can override any design element with just a line or two of CSS code.

Below are examples of each Modern skin, with their default hue. They are grouped based on their optimization for a light or dark background:

Light Background:

Transparent Sky

Simple design with muted colors. Crisp sharp corners and neutral styling to suit most themes.

White Ice

Frosted translucent Nav Menu background with rounded corners and bold font treatment.

Tab Icon Pop

Large animated page icons are revealed upon hover (or click), with classic tab-style navigation links.

Rainbow Glow

Colorful animated glow effect around top-level elements and hovered drop-down links.

Cloud Nine

Light, airy and open with bold color accents for CTA buttons.

Large Minimal

Spacious padding with simple borders, and crisp zero margin drop-downs. A subtle blurred logo reveal animation on page load.

In Focus

Light, photography-inspired styling, with light drop shadows and bold, all-capital font treatment for top-level elements.

Greek Goddess

Small minimal footprint on top-level links, with no page icons. Best suited to drop-down menus with a large number of tightly packed links.

(screenshot with “Nunito” Google Font applied)

Dark Background:

These have a transparent background by default, but for easier viewability, a solid dark color was added. The background color can be easily customized in the block editor.

Sharp Business

Square edges with light drop-down menu and bouncy animated effect on hover. Large drop-down margins for a spacious feel.

Warm Dusk

Golden hues, gradient sunset-inspired border on hover. Dark drop-down and rounded corners.

Tech Savvy

Strong contrast, condensed dark drop-down menu with large margins and subtle use of borders. Custom minimal caret and gentle zoomed animation background effect on hover.

Custom Skin Design

Do you need a custom Mega Menu skin designed quickly? Send us your specific design requirements, and we'll provide a quote for our custom web development services.