Reply To: Searchfield is too small – CSS issue

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Searchfield is too small – CSS issue Reply To: Searchfield is too small – CSS issue


Ernest Marcinko


I'm not sure, I just checked on chrome and it looks fine to me:

Additionally, I have noticed something else with the theme. The logo container where the search is placed is resized to 50% on mobile devices. I've suggested the max-width for the plugin to prevent this issue, but actually it's a better idea to change the logo width to 100% instead.

I've added this custom CSS to the theme options:

@media only screen and (max-width: 800px) {
  .fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-logo {
    width: 100% !important;

.. and removed the max-width from the search CSS as it's no longer needed. This gave the search element more responsiveness, as the container is resizing with the screen properly.

Desktop view:
Mobile view Galaxy S5:
Mobile view iPhone 6plus:
Mobile view iPad:

Before checking make sure to clear your browser cache, as the custom CSS files in the theme might be cached deeply.

In case of other issues related to the theme you might have to contact them as well, but as far as I tested the theme elements were behaving correctly on all devices now.

Ernest Marcinko

If you like my products, don't forget to rate them on codecanyon :)