Title: Different width based on breakpoint
Last modified: August 31, 2016

---

# Different width based on breakpoint

 *  Resolved [spfitzg](https://wordpress.org/support/users/spfitzg/)
 * (@spfitzg)
 * [9 years, 12 months ago](https://wordpress.org/support/topic/different-width-based-on-breakpoint/)
 * Is there a way to change the width of the menu based on breakpoint? I’m using
   it for my desktop version of my site and I want it to be one width. For my mobile
   version I want it to be a different width.
 * Any ideas?
 * [https://wordpress.org/plugins/responsive-menu/](https://wordpress.org/plugins/responsive-menu/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Thread Starter [spfitzg](https://wordpress.org/support/users/spfitzg/)
 * (@spfitzg)
 * [9 years, 12 months ago](https://wordpress.org/support/topic/different-width-based-on-breakpoint/#post-7386569)
 * Never mind. I figured out what I was doing wrong.
 * If anyone is interested here’s what I did:
    1) set the menu-width to 100% in 
   the plugin 2) Use the following CSS
 * [@media](https://wordpress.org/support/users/media/) only screen and (min-width:
   800px) and (max-width:3000px){
    #responsive-menu {width:20% !important;} }
 * I haven’t tested this thoroughly yet, but it seems to work fine.
 *  Plugin Contributor [responsivemenu](https://wordpress.org/support/users/responsivemenu/)
 * (@responsivemenu)
 * [9 years, 12 months ago](https://wordpress.org/support/topic/different-width-based-on-breakpoint/#post-7386648)
 * Hi there,
 * Thanks for letting us know of the fix, hopefully it will help others in future!
 * All the best

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Different width based on breakpoint’ is closed to new replies.

 * ![](https://ps.w.org/responsive-menu/assets/icon-256x256.png?rev=1782326)
 * [Responsive Menu - Create Mobile-Friendly Menu](https://wordpress.org/plugins/responsive-menu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/responsive-menu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/responsive-menu/)
 * [Active Topics](https://wordpress.org/support/plugin/responsive-menu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/responsive-menu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/responsive-menu/reviews/)

## Tags

 * [menu width](https://wordpress.org/support/topic-tag/menu-width/)

 * 2 replies
 * 2 participants
 * Last reply from: [responsivemenu](https://wordpress.org/support/users/responsivemenu/)
 * Last activity: [9 years, 12 months ago](https://wordpress.org/support/topic/different-width-based-on-breakpoint/#post-7386648)
 * Status: resolved