Every option in the Ruby Mega Menu settings panel, grouped by the tabs as they appear
in the admin. Use this as a lookup reference.
Open Ruby Mega Menu → Settings in your admin sidebar to reach these options.
Figure 1 The Settings panel.
General
Setting
Description
Default
Menu Width
Total width of the menu bar in pixels
980
Menu Height
Height of the top-level bar (40–120px)
50
Full Width
Makes the bar span the entire viewport
Off
Transparent Background
Removes the menu's background
Off
Dividers
Shows vertical dividers between top-level items
Off
Content Separator
Shows gradient vertical lines inside mega panels
On
Show Cart
Displays the WooCommerce cart icon
Off
Show Logo
Displays a site logo image in the menu bar
Off
Logo Image
Media library image used as the logo
—
Integration
Lists every menu location registered by your active theme. Check the location(s) where Ruby
Mega Menu should appear. For FSE themes, use the [ruby_menu] shortcode instead —
see Theme Integration.
Colors
Every color in the menu is adjustable. Grouped by area:
General
Wrapper Background
Background color of the menu bar itself
Top Link Color
Color of top-level menu item text (also colors the cart icon)
Top Hover Background
Background on hover and active state
Top Hover Color
Text color on hover and active state
Top Active Background
Background of the currently active menu item
Dividers
Divider Dark
Left edge of the divider gradient
Divider Light
Right edge of the divider gradient
Dropdown
Dropdown Background
Background of Classic Dropdown panels
Dropdown Color
Text color inside dropdowns
Dropdown Hover Background
Background on hover
Mega Menu
Mega Menu Background
Background of mega panels (also applies to blog nav arrows)
Mega List Link Color
Color of links inside mega columns
Mega List Hover Color
Hover color inside mega columns
Blog Menu
Blog Nav Background
Background of the vertical tab column
Blog Nav Link Color
Text color of the vertical tabs
Blog Nav Active Background
Background of the currently active tab
Blog Nav Hover Background
Background on tab hover
Shop Menu
Shop Nav Background
Background of the horizontal tab bar
Shop Nav Link Color
Text color of horizontal tabs
Shop Nav Border
Bottom border below the tab bar
Content
Post Title Color
Color of blog post titles inside mega panels
Post Meta Color
Color of category and date meta text
Typography
Every text element has independent font settings — family, size, weight.
Target
Affects
Top Menu Links
Top-level menu item text
Dropdown Links
Items inside Classic Dropdown panels
Mega Menu Links
Links inside Classic Mega columns
Blog Nav Items
Vertical tabs inside Blog Menu
Blog Post Title
Post titles in 4-col, 3-col, 2-col layouts
Blog Post Title — Article List
Post titles specifically in the article list layout
Blog Meta (Category / Date)
Category and date meta text
Blog Excerpt
Excerpt text in the 4-column layout
Blog Menu Content Settings
Setting
Description
Default
Blog Nav Width
Width of the vertical tab column (px)
200
Blog Nav Height
Height of the tab column (auto if blank)
auto
4-Column Post Count
Posts per 4-column layout
4
4-Column Title Limit
Title character limit
65
4-Column Excerpt Limit
Excerpt character limit
80
3-Column Post Count
Posts per 3-column layout
6
3-Column Title Limit
Title character limit
65
2-Column Post Count
Posts per 2-column layout
4
2-Column Title Limit
Title character limit
65
Article List Post Count
Posts per article list layout
8
Article List Title Limit
Title character limit
70
Tip
Character limits truncate with an ellipsis. Start with the defaults; tune them only if your
titles consistently overflow or fall short of the available space.
