Wider Admin Menu

Widen the WordPress admin sidebar menu for better readability. Stop truncated menu names like “Customer Testimo…” and see full labels like “Customer Testimonials” without hovering.

Use Cases#

• Display full names for custom post types like “Customer Testimonials” or “Product Categories”
• Utilize extra screen space on 27-inch+ monitors
• Improve readability for users who’ve increased font size for accessibility

How It Works#

1. Enable the module in Switchboard
2. The admin sidebar expands from 160px to 220px
3. Content area adjusts automatically
4. Responsive behavior maintained for smaller screens

Settings#

This module has no configuration options. Enable it to apply the wider menu styling.

Width Changes#

Responsive Behavior#

On screens smaller than 960px (tablets), the menu width adjusts to 160px to preserve content space.

Before & After#

Before (Default 160px)#

Dashboard
Posts
Media
Customer Testimo...  ← Truncated
Product Categori...  ← Truncated
Appearance

After (220px)#

Dashboard
Posts
Media
Customer Testimonials  ← Full text
Product Categories     ← Full text
Appearance

Verification#

After enabling this module:

1. Look at the admin sidebar width
2. Check if previously truncated menu items now show full names
3. Verify the content area adjusted properly
4. Test on a smaller screen/window to confirm responsive behavior

FAQ#

When This Helps#

Long Custom Post Type Names#

• “Customer Testimonials” instead of “Customer Testimo…”
• “Product Categories” instead of “Product Catego…”
• “Portfolio Projects” instead of “Portfolio Proje…”

Plugin Menu Items#

• “WooCommerce Analytics” fully visible
• “Gravity Forms” with room to spare
• Long plugin names without truncation

Accessibility#

Users who increase browser font size often see truncated menus. The wider sidebar accommodates larger text better.

Custom Width (Advanced)#

If you need a different width, use Custom Admin CSS with:

/* Example: 200px menu width */
#adminmenuback,
#adminmenuwrap,
#adminmenu,
#adminmenu .wp-submenu {
    width: 200px;
}

#wpcontent,
#wpfooter {
    margin-left: 200px;
}

#adminmenu .wp-submenu {
    left: 200px;
}

Related Modules#

• Custom Admin CSS - Full CSS control for custom widths
• Admin Menu Organizer - Reorder and rename menu items
• Hide Admin Menu Items - Remove items you don’t need
• Compact Tables - Optimize content area space usage