Why is my gspro-item-gallery search button cut-off on mobile devices?

Smaller device screens with certain styling can see the search button cut off. This article teaches you steps on how to resolve it.

Written by Brandon Ray

Updated over 7 months ago

This is most likely occurring because of a padding applied to the page, or the parent element containing your gspro-item-gallery.

Add the following snippet of CSS to your site (exact location of custom CSS will vary based on platform):

@media screen and (max-width: 766px) {
  gspro-item-gallery .gspro-o-search input {
    max-width: 60%;
  }
}