search pop up window on mobile

[Boris Gutierrez]

When you select the search icon and the form pop ups it does not show properly on a phone.  The color button with the “search” label is cut in half.

Thanks

[Andy]

Can you please try adding this to ‘Appearance’ > ‘Customize’ > ‘Additional CSS’:

.claremont-modal {
    min-width: 300px;
    padding: 20px;
}

[Boris Gutierrez]

I added the code but it does not seem to be making a difference on mobile browsers.

[Andy]

Okay, please try this instead:

.claremont-modal .search-form > * {
    width: 100%;
}

This should put the text input and the button each on new lines to stop the button being cut off on narrower screens.

[Boris Gutierrez]

Andy, I’m happy to report that the original fix you offered on Jul 16 is working now.  I cleared my cache after doing the original fix but it did not seem to take…24 hours later..it works on its own.  A propagation issue?  In any case it’s fixed now.

Thank you

[Boris Gutierrez]

This error has been corrected

[Author]

Posts