Search input Box Over lapping over search submit button

[Danielz MaddzParticipant]

Hello

Check here near top of page

http://tilingassociationireland.ie/

Display width 990px to 1100px (And bit more) we can see the input box covers the submit button. How can I fix that CSS issue.

The input class is input.orig , but assigning any width to that doesn’t work, even with !important at end.

Thanks

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

Hi,

From what I can see, the input box z-index value is not calculated properly. Changing the width of the input field is not going to help, as it’s a flex layout element, and the browser will override it’s width automatically.

The simplest solution in my opinion is to use this custom CSS to reset the input box z-index:

.proinput {
     z-index: 0 !important;
}

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

[Danielz MaddzParticipant]

🙂

[Author]

Posts