Reply To: Searchfield is too small – CSS issue

[Ernest MarcinkoKeymaster]

Hi!

I’m not sure, I just checked on chrome and it looks fine to me: https://i.imgur.com/LDIuzAG.png

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: https://i.imgur.com/a69GvZk.png
Mobile view Galaxy S5: https://i.imgur.com/gG8QXId.png
Mobile view iPhone 6plus: https://i.imgur.com/N6RR0rx.png
Mobile view iPad: https://i.imgur.com/eSsuHjh.png

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.

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