The UberMenu 3 Responsive Grid

UberMenu includes a built-in grid system that can be based on 1 to 12-columns.

The Grid

Divided into halves, thirds, fourths, fifths, sixths, sevenths, eighths, ninths, tenths, elevenths, or twelfths

Full Width
1/2
1/2
1/3
1/3
1/3
1/4
1/4
1/4
1/4
1/5
1/5
1/5
1/5
1/5
1/6
1/6
1/6
1/6
1/6
1/6
1/7
1/7
1/7
1/7
1/7
1/7
1/7
1/8
1/8
1/8
1/8
1/8
1/8
1/8
1/8
1/9
1/9
1/9
1/9
1/9
1/9
1/9
1/9
1/9
1/10
1/10
1/10
1/10
1/10
1/10
1/10
1/10
1/10
1/10
1/11
1/11
1/11
1/11
1/11
1/11
1/11
1/11
1/11
1/11
1/11
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12

Each Submenu can be divided into a default number of columns

Each submenu item automatically creates a column. The blue line represents the submenu wrapper

A 3-column submenu
1/3
1/3
1/3
A 5-column submenu
1/5
1/5
1/5
1/5
1/5

Columns are percentage-based, so the actual column width depends on the width of the container

A 3-column submenu
1/3
1/3
1/3
A 5-column submenu
1/5
1/5
1/5
1/5
1/5

Each menu item's Column Layout can be configured individually, so you can create submenus with uneven columns

Two columns (1/3 default)
1/3
2/3
Three columns (1/4 default)
1/4
1/4
1/2
Two columns (1/4 default)
3/4
1/4

Using the special COLUMN menu item, you can create more advanced layouts

The Column is a wrapper which can be subdivided into smaller columns

The Column item is marked in orange. Note that the width of the menu items inside the Column item is relative to their wrapper (the Column), not that of the submenu.
3/4 Column Item
1/2
1/2
Full
1/4