Title: Single Widget Width Mobile Issue
Last modified: August 30, 2016

---

# Single Widget Width Mobile Issue

 *  Resolved [JCLLC](https://wordpress.org/support/users/jcllc/)
 * (@jcllc)
 * [11 years ago](https://wordpress.org/support/topic/single-widget-width-mobile-issue/)
 * I am having an issue when the menu is viewed on a mobile device. I cannot get
   the width of a single widget to fill the menu width.
 * I’ve tried setting up a single column or dual column set up with the widget set
   to fill the available number of columns. It works great on the desktop view but
   the mobile view always defuslts to one column and only takes up about half of
   the available space.
 * Site: [http://justcope.co](http://justcope.co)
    Example: the search menu option(
   search icon). It shows the search bar across the entire menu on desktop but only
   shows a very small search area on mobile. It’s not the code specific to the widget
   or the search box as it happens with all widgets.
 * [https://wordpress.org/plugins/megamenu/](https://wordpress.org/plugins/megamenu/)

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

 *  Plugin Author [megamenu](https://wordpress.org/support/users/megamenu/)
 * (@megamenu)
 * [11 years ago](https://wordpress.org/support/topic/single-widget-width-mobile-issue/#post-6200312)
 * Hi JCLLC,
 * It’s possible with some custom CSS. Please head to Appearance > Max Mega Menu
   > Theme Editor and select your menu theme.
 * At the bottom of the page is an area to insert custom CSS – add this on a new
   line:
 *     ```
       @media only screen and (max-width : $responsive_breakpoint) {
           #{$menu} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu > li {
               width: 100% !important;
               clear: both;
           }
       }
       ```
   
 * Regards,
    Tom
 *  Thread Starter [JCLLC](https://wordpress.org/support/users/jcllc/)
 * (@jcllc)
 * [11 years ago](https://wordpress.org/support/topic/single-widget-width-mobile-issue/#post-6200347)
 * Tom,
 * Very impressive turn around time. Thank you! Heading over to leave a 5 Star Review.
 * Wanted to share this incase anyone else has the same challenge. I adapted the
   code slightly so it was isolated to only the widget having an issue, otherwise
   it made all elements (not just widgets) 100% which prevented any side by side.
 *     ```
       @media only screen and (max-width: $responsive_breakpoint) {
       #{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-wgs_widget-2 {
       width: 100% !important;
       clear: both;
       }
       }
       ```
   
 * Thanks again for your super fast support.
 *  Plugin Author [megamenu](https://wordpress.org/support/users/megamenu/)
 * (@megamenu)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/single-widget-width-mobile-issue/#post-6200562)
 * Slight update to this, the CSS is now:
 *     ```
       @media only screen and (max-width : $responsive_breakpoint) {
           #{$menu} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
               width: 100% !important;
               clear: both;
           }
       }
       ```
   
 * Regards
    Tom

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

The topic ‘Single Widget Width Mobile Issue’ is closed to new replies.

 * ![](https://ps.w.org/megamenu/assets/icon-128x128.png?rev=1489843)
 * [Max Mega Menu](https://wordpress.org/plugins/megamenu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/megamenu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/megamenu/)
 * [Active Topics](https://wordpress.org/support/plugin/megamenu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/megamenu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/megamenu/reviews/)

## Tags

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

 * 3 replies
 * 2 participants
 * Last reply from: [megamenu](https://wordpress.org/support/users/megamenu/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/single-widget-width-mobile-issue/#post-6200562)
 * Status: resolved