I'm not currently able to reproduce this issue locally, but it sure looks messy! Are you able to recreate the issue in our public demo site, for example?
Does your site have a custom theme plugin, or have you modified AtoM directly? I can see that your site appears to have added a custom footer, but otherwise looks pretty standard. I also noticed that the description results look a bit strangely squished.
My first recommendation would be to recompile the base Dominion theme CSS. If you have a custom theme plugin, you'll want to repeat these steps for the custom theme plugin as well.
If you followed Option 1 in our installation instructions (use the downloadable tarball) rather than Option 2 (use our code repository), then you may not have the dependencies in place for recompiling. We pre-compile the CSS in the tarball, so during installation you end up skipping over those configuration steps. You will need cURL, make, and lessc installed:
- sudo apt install curl
- sudo apt install npm make
- sudo npm install -g "less@<4.0.0"
Now we can recompile the CSS for the base Dominion theme:
- sudo make -C /usr/share/nginx/atom/plugins/arDominionPlugin
If you have a custom theme plugin, then you will want to repeat this last command, but using the name of your custom theme plugin in place of arDominionPlugin.
After that, I recommend clearing the application cache, restarting PHP-FPM, and also clearing your local web browser cache (or testing in a private/incognito browser window, where the browser cache is typically disabled by default) before checking to see if this has resolved the issue. From AtoM's root installation directory:
- Clear the application cache: php symfony cc
- Restart PHP-FPM: sudo systemctl restart php7.2-fpm
Let us know if that helps!
Finally, as a side note, be aware that if you've upgraded recently, we try to include notes in the Upgrading documentation about specific changes that may be needed to custom themes in the latest version. See:
Cheers,