[emilywatson.gb]

Hi everyone,
I’m running a restaurant-related website about Texas Roadhouse and recently updated my ThemeHorse theme to the latest version. Since then, my homepage layout seems broken — the featured images on the menu section aren’t aligning properly, and some of the text overlaps on mobile view. I’ve already tried clearing cache and deactivating plugins one by one, but the issue still persists.

Has anyone faced a similar problem after the recent update? Any suggestions on how to fix the responsive layout without rolling back the entire theme version?

Thanks in advance!

[emilywatson.gb]

Hi, I’m still encountering this same issue even after trying the suggested fixes. The layout on my Texas Roadhouse website is still misaligned, especially on mobile — the images and text don’t line up properly. You can check here https://thetexasroadhousemenu.com/. It seems like something in the latest ThemeHorse update affected the responsive design. Has anyone found a reliable workaround or patch yet?

[hellencharless54]

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!

[Author]

Posts