Title: Bug – .hidden-xs max-width value.
Last modified: August 16, 2021

---

# Bug – .hidden-xs max-width value.

 *  Resolved [nikiforova](https://wordpress.org/support/users/nikiforova/)
 * (@nikiforova)
 * [4 years, 9 months ago](https://wordpress.org/support/topic/bug-hidden-xs-max-width-value/)
 * Hello, just reporting another bug.
 * From – QuadMenu > Options > Responsive > Screen Small
 * When setting the “Screen Small” px value, the plugin also automatically updates
   the “Extra Small” (.hidden-xs) breakpoint within the /wp-content/uploads/storefront-
   child/quadmenu-locations.css file.
 * The problem is that the “**.hidden-xs**” “**max-width**” value is set the same
   as the “min-width” for “.hidden-sm” – when **XS should be set 1px LESS** than
   the SM value (css excerpt below).
 * This problem becomes noticeable when you’re hiding a navbar item at handheld 
   resolutions (XS) and say replacing it with something else. That item will be 
   hidden 1px before switching to the handheld menu/nav item, meaning you lose that
   nav item at 768px (e.g. the native portrait resolution of an iPad mini). So when“
   Screen Small” is set to 768px, the plugin should set .hidden-xs to max-width:
   767px.
 * I hope that makes sense, if not let me know. You can test this behavior on a 
   desktop – just setup a menu with an item hidden at handheld resolution and then
   scale your window down to 768px, the nav item will be hidden (when it should 
   still be displayed), then drag it 1px more and it switches over to the handheld/
   mobile menu.
 * In my local test environment I manually set xs to 767px in quadmenu-locations.
   css and it then works as expected.
 *     ```
       @media (max-width: 768px) {
       #quadmenu .quadmenu-navbar-nav .hidden-xs {
       display: none !important;
       }
       }
       @media (min-width: 768px) and (max-width: 991px) {
       #quadmenu .quadmenu-navbar-nav .hidden-sm {
       display: none !important;
       }
       }
       ```
   
 * System
    WordPress 5.8 Storefront (Theme) 3.7.0 WooCommerce 5.5.2 QuadMenu 2.1.4
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbug-hidden-xs-max-width-value%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [sebastopolys](https://wordpress.org/support/users/sebastopolys/)
 * (@sebastopolys)
 * [4 years, 9 months ago](https://wordpress.org/support/topic/bug-hidden-xs-max-width-value/#post-14780365)
 * Thanks for reporting, dev team is now aware of this.

Viewing 1 replies (of 1 total)

The topic ‘Bug – .hidden-xs max-width value.’ is closed to new replies.

 * ![](https://ps.w.org/quadmenu/assets/icon-256x256.jpg?rev=2916917)
 * [QuadMenu - Mega Menu](https://wordpress.org/plugins/quadmenu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/quadmenu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/quadmenu/)
 * [Active Topics](https://wordpress.org/support/plugin/quadmenu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/quadmenu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/quadmenu/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [sebastopolys](https://wordpress.org/support/users/sebastopolys/)
 * Last activity: [4 years, 9 months ago](https://wordpress.org/support/topic/bug-hidden-xs-max-width-value/#post-14780365)
 * Status: resolved