Menu Generator

Menu Items

Global Menu Styles

Orientation:

Menu Width (e.g., 200px, 100%, auto):

Background:

Padding (px)

Top:0

Right:0

Bottom:0

Left:0

Border

Style:

Color:

Border Widths (px)

Top:0

Right:0

Bottom:0

Left:0

Box Shadow

X Offset (px):0

Y Offset (px):0

Blur (px):0

Spread (px):0

Color:

Inset Shadow

Main Item Styles

Font Family:

Font Size (px):14

Font Color:

Background: Hover Font:

Hover BG:

Custom CSS Class (for each main item link/label):

Padding (px)

Top:8

Right:12

Bottom:8

Left:12

Margin (px)

Top:0

Right:0

Bottom:0

Left:0

Border

Style:

Color:

Border Widths (px)

Top:0

Right:0

Bottom:0

Left:0

Hover Border

Style:

Color:

Hover Border Widths (px)

Top:0

Right:0

Bottom:0

Left:0

Text Decoration:

Hover Text Decoration:

Vertical Accordion Arrow

Arrow Type:

Submenu Container Styles

Submenu Width (e.g., 180px, 100%, auto):

Background:

Custom CSS Class (for submenu `<ul>`):

Padding (px)

Top:5

Right:0

Bottom:5

Left (Indent for Vertical):0

Border

Style:

Color:

Border Widths (px)

Top:1

Right:1

Bottom:1

Left:1

Box Shadow (e.g., 2px 2px 5px rgba(0,0,0,0.2)):

Offset Top (px) (pop-out):0

Offset Left (px) (pop-out):0

Submenu Item Styles

Font Family:

Font Size (px):13

Font Color:

Background: Hover Font:

Hover BG:

Custom CSS Class (for each sub-item link/label):

Padding (px)

Top:6

Right:10

Bottom:6

Left:15

Text Decoration:

Hover Text Decoration:

Support NekyPop!

Enable "Powered by NekyPop!" link

Custom CSS & Advanced

Custom Menu Class Prefix (optional):

If set, this will be used as the main class for your menu instead of a generated one.

Custom CSS (will be appended):

Actions

Import Settings (JSON)

Menu Items

Global Menu Styles

Padding (px)

Border

Border Widths (px)

Box Shadow

Main Item Styles

Padding (px)

Margin (px)

Border

Border Widths (px)

Hover Border

Hover Border Widths (px)

Vertical Accordion Arrow

Arrow Padding (px)

Arrow Margin (px)

Submenu Container Styles

Padding (px)

Border

Border Widths (px)

Submenu Item Styles

Padding (px)

Support NekyPop!

Margin (px)

Custom CSS & Advanced

Actions

Live Preview

Generated Code (HTML with inline CSS)

Menu Items

Global Menu Styles

Padding (px)

Border

Border Widths (px)

Box Shadow

Main Item Styles

Padding (px)

Margin (px)

Border

Border Widths (px)

Hover Border

Hover Border Widths (px)

Vertical Accordion Arrow

Arrow Padding (px)

Arrow Margin (px)

Submenu Container Styles

Padding (px)

Border

Border Widths (px)

Submenu Item Styles

Padding (px)

Support NekyPop!

Margin (px)

Custom CSS & Advanced

Actions

Live Preview

Generated Code (HTML with inline CSS)

Confirm Action