Title: filter size
Last modified: May 21, 2021

---

# filter size

 *  Resolved [Spets24](https://wordpress.org/support/users/spets24/)
 * (@spets24)
 * [5 years ago](https://wordpress.org/support/topic/filter-size/)
 * Hello!
 * Could you please help me to fix the width size of the search for small screens.
   
   I have this code now and It works for wide and mobile screens, but it does not
   affect small screens like (11, 13, 15). Please help!
 *     ```
       @media(min-width: 768px){
       .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
       margin-right: 500px !important;
       }
   
       .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
       width: 100%!important;
       }
       }
       ```
   
 * [https://prnt.sc/137wexc](https://prnt.sc/137wexc)
 * [https://prnt.sc/137wmcy](https://prnt.sc/137wmcy)
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffilter-size%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [levelupclint](https://wordpress.org/support/users/levelupclint/)
 * (@levelupclint)
 * [5 years ago](https://wordpress.org/support/topic/filter-size/#post-14467534)
 * Hello,
 * It seems the search bar is too wide for the desktop view. You can add the following
   CSS:
 *     ```
       @media(min-width: 992px) {
          .dgwt-wcas-sf-wrapp {
             width: 450px;
          }
       }
       ```
   
 *  Thread Starter [Spets24](https://wordpress.org/support/users/spets24/)
 * (@spets24)
 * [5 years ago](https://wordpress.org/support/topic/filter-size/#post-14467624)
 * thank you!
 * This code worked for small laptops and mobile. But I need it to be wider on big
   screen
 * Maybe additional code for big screens?
 * [https://prnt.sc/13841ap](https://prnt.sc/13841ap)
 *  [levelupclint](https://wordpress.org/support/users/levelupclint/)
 * (@levelupclint)
 * [5 years ago](https://wordpress.org/support/topic/filter-size/#post-14467768)
 * Hello,
 * Yes, you can just add another one with a higher min-width and width values:
 *     ```
       @media(min-width: 2048px) {
          .dgwt-wcas-sf-wrapp {
             width: 900px;
          }
       }
       ```
   
 *  Thread Starter [Spets24](https://wordpress.org/support/users/spets24/)
 * (@spets24)
 * [5 years ago](https://wordpress.org/support/topic/filter-size/#post-14472432)
 * perfect! thank you very much!

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

The topic ‘filter size’ is closed to new replies.

 * ![](https://ps.w.org/ajax-search-for-woocommerce/assets/icon-256x256.png?rev=
   2883754)
 * [FiboSearch - Ajax Search for WooCommerce](https://wordpress.org/plugins/ajax-search-for-woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ajax-search-for-woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ajax-search-for-woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/ajax-search-for-woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ajax-search-for-woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ajax-search-for-woocommerce/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [Spets24](https://wordpress.org/support/users/spets24/)
 * Last activity: [5 years ago](https://wordpress.org/support/topic/filter-size/#post-14472432)
 * Status: resolved