Theme Horse

Hi there,

Yes, this kind of issue is actually quite common after a theme update — especially with themes like ThemeHorse, where CSS structure or container classes sometimes change between versions.

Here are a few things you can check before rolling back:

1️⃣ Regenerate CSS / Clear Theme Cache

Some ThemeHorse themes have built-in styling or customizer-generated CSS.

Go to Appearance → Customize and simply click Publish again (even without changes).

If you’re using any optimization plugin (like Autoptimize, WP Rocket, etc.), clear minified CSS/JS files as well.

2️⃣ Check for Changed Class Names

Sometimes updates modify section wrappers or grid classes.

Inspect the broken section using browser DevTools (F12).

Compare the container classes for the menu/featured image section.
You might notice that old CSS customizations are targeting outdated class names.

If that’s the case, a small CSS adjustment can fix alignment issues, for example:

.menu-section img {
max-width: 100%;
height: auto;
}

@media (max-width: 768px) {
.menu-section .column {
width: 100%;
float: none;
}
}

(Adjust class names according to your actual markup.)

3️⃣ Check Mobile Breakpoints

Text overlapping on mobile usually means:

A fixed height container

Absolute positioning

Or outdated column widths

Inspect if any element has:

position: absolute;
height: fixed px;

Removing or overriding that in a child theme can resolve overlap.

4️⃣ Regenerate Thumbnails

If featured images look misaligned, try regenerating thumbnails (using a plugin like “Regenerate Thumbnails”) in case image dimensions changed in the update.

5️⃣ Child Theme Check

If you previously added custom CSS directly in the parent theme, the update may have overwritten layout logic. Ideally:

Move all customizations into a child theme

Or use Additional CSS in Customizer

If possible, share:

The homepage URL

Whether you’re using a page builder

Any custom CSS you added

That will make troubleshooting much more precise.

Hope this helps!