Search input Box Over lapping over search submit button

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Search input Box Over lapping over search submit button

This topic contains 2 replies, has 2 voices, and was last updated by Danielz Maddz Danielz Maddz 4 years, 12 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #13162
    Danielz Maddz
    Danielz Maddz
    Participant

    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.
    #13178
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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 :)


    #13823
    Danielz Maddz
    Danielz Maddz
    Participant

    🙂

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.