The issue occurs because the Searchanise app uses the theme template to show search results. Sometimes, the template itself is too narrow.

You can fix it by making the page container of your theme template wider for the Search Results Widget, using the Custom CSS feature. A page container is a block that wraps the main content of your website.

Important info

This is not an universal solution and additional adjustments might be needed in some cases, so don’t hesitate to contact us. We will be happy to assist.

  1. Go to the Searchanise control panel > Search & Navigation > Search results widget section > Custom CSS tab.
  2. Set the Custom CSS toggle to ON if it is switched off.
  3. Enter the CSS rules to change the width of the widget’s page container, as in the example here: 
    .snize-results-page .container--tiny {
    max-width: 1600px;
}
    Note
    • .snize-results-page – the CSS class of the Search Results Widget, which wraps the main content including the page container, so the changes will happen in the widget only.
    • .container–tiny – the example of a CSS class of a page container. It varies from theme to theme. You need to paste the CSS class of the theme page container here.

  4. Apply the changes.

That’s it. New styles are now applied. You can now go to your storefront and check out how it looks.