Search box is not displayed properly on mobile..

Hey ballindigital,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
#searchform {
  background: #fff;
}
}

Best regards,
Rikard

Hi,

Thank you for the update.

The modification seems to be displaying correctly on our end. Please make sure to perform a hard refresh, remove the cache or temporarily disable the Enfold > Performance > File Compression settings before checking the page.

Best regards,
Ismael

Hi,

Thank you for the screenshot.

We also provided a screenshot of the site in the private field. Please toggle or temporarily disable the Enfold > Performance > File Compression settings to regenerate the scripts and stylesheets. You can re-enable the file compression settings once you’re done with the modifications.

Best regards,
Ismael

Hi,

The search bar displays consistently on our end across different sizes. Did you subscribe to a CDN provider? Please try to temporarily disable it or try to check the site on a different device.

I’m not sure as to the exact process?

You can disable the file compression settings temporarily (Enfold > Performance > File Compression), just to make sure that the updated resources are loaded. Please refer to the documentation below for more details.

// https://kriesi.at/documentation/enfold/optimization/#css-and-js-merging

Best regards,
Ismael

Hi,

Hi – yes we are now using a CDN.

It’s possible that you’re viewing a cached version of the page from your CDN provider without the suggested modification we mentioned above. Temporarily disable the CDN and then recheck the page. Here’s how the search bar appears on our end.

Screenshot: https://1drv.ms/f/s!AjjTfXSRbKTvgrdCkDtT6tKPjJjppw?e=Uh0bRR

Best regards,
Ismael