Title: Max form width does not work.
Last modified: April 25, 2021

---

# Max form width does not work.

 *  Resolved [dedrami](https://wordpress.org/support/users/dedrami/)
 * (@dedrami)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/max-form-width-does-not-work/)
 * Hi there
    Max form width does not work, any number I use, I get the same size.
   e.g. 30 is the same size as 60.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmax-form-width-does-not-work%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [Damian Góra](https://wordpress.org/support/users/damian-gora/)
 * (@damian-gora)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/max-form-width-does-not-work/#post-14362731)
 * Hi,
    The predefined max-width value is 230px. You can’t make the search smaller.
   Here is a sample CSS code, that helps you adjust search width depends on screen
   width.
 *     ```
       .site-header-section .dgwt-wcas-search-wrapp {
         width: 430px;
         max-width: 430px;
       }
       @media (max-width: 1480px) {
         .site-header-section .dgwt-wcas-search-wrapp {
           width: 310px;
         }
       }
   
       @media (max-width: 768px) {
         .site-header-section .dgwt-wcas-search-wrapp {
           width: 350px;
         }
       }
   
       @media (max-width: 550px) {
         .site-header-section .dgwt-wcas-search-wrapp {
           width: 230px;
           max-width: 230px;
         }
       }
       ```
   
 * If you aren’t familiar with custom CSS, take a look at [this video](https://www.youtube.com/watch?v=f0_6aeZEV58).
 *  Thread Starter [dedrami](https://wordpress.org/support/users/dedrami/)
 * (@dedrami)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/max-form-width-does-not-work/#post-14364543)
 * Hi
    Just tried CSS code and still does not work.You can take a look at my site
   on a mobile and see that search length breaks the site’s width.
 *  Plugin Support [Marta](https://wordpress.org/support/users/martadella/)
 * (@martadella)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/max-form-width-does-not-work/#post-14365431)
 * Hi dedrami,
 * Try this piece of code:
 *     ```
       @media (max-width: 576px) {
         .site-header-section .dgwt-wcas-search-wrapp {
           min-width: 190px;
         }
       }
       ```
   
 * Regards,
    Marta
    -  This reply was modified 5 years, 1 month ago by [Marta](https://wordpress.org/support/users/martadella/).
 *  Thread Starter [dedrami](https://wordpress.org/support/users/dedrami/)
 * (@dedrami)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/max-form-width-does-not-work/#post-14367128)
 * Hi Marta
 * Guess what….
    It works like a charm !!!!!!!!!! Thanks for your precious time.

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

The topic ‘Max form width does not work.’ 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
 * 3 participants
 * Last reply from: [dedrami](https://wordpress.org/support/users/dedrami/)
 * Last activity: [5 years, 1 month ago](https://wordpress.org/support/topic/max-form-width-does-not-work/#post-14367128)
 * Status: resolved