Back to Community
Home / Community / Theme → Yith wonder

Troubleshooting Common YITH Wonder Theme Issues: Headers, Footers, and Display Problems

34 threads Sep 11, 2025 Theme → Yith wonder

Content

Many users of the YITH Wonder theme encounter a specific set of problems where their site's appearance breaks, often after an update or change. This guide covers the most common issues and their solutions, compiled from community reports and resolutions.

Common Problem: Headers and Footers Disappear

A frequent issue reported by users is that their site's header and footer suddenly vanish from view. This can happen on the entire site or on specific pages, like the WooCommerce shop page.

Why This Happens

This problem is often linked to one of two causes:

  1. Theme or WordPress Update: An update can sometimes cause a conflict with previously saved template customizations.
  2. Child Theme Creation: If you've created a child theme, an incomplete setup might prevent the parent theme's templates from loading correctly on certain pages.

How to Fix It

Solution 1: Clear Template Customizations (For WooCommerce Pages)
If the issue is specifically on WooCommerce cart or checkout pages after a WordPress update, try this fix:

  1. Navigate to Appearance → Editor (Site Editor).
  2. Find and select the Cart template.
  3. Clear any customizations that may be present.
  4. Repeat the process for the Checkout template.
  5. Additionally, check for and remove the "align wide" property from the cart/checkout blocks, as it can sometimes cause layout issues.

Solution 2: Check Child Theme Setup
If the issue only occurs when using a child theme, ensure your child theme's functions.php file is correctly enqueuing the parent theme's styles and that all necessary template files are properly set up.

Solution 3: Rule Out a Plugin Conflict
Conflicts with other plugins, particularly page builders like Elementor Pro, can cause parts of a site to not render. To test for this:

  1. Temporarily deactivate all plugins except WooCommerce (if your site uses it).
  2. See if the header and footer reappear.
  3. If they do, reactivate your plugins one by one to identify the one causing the conflict.

Common Problem: Mobile Display Issues

Another category of problems involves the site looking perfect on desktop but breaking on mobile devices. Issues range from invisible menu text to missing image captions.

Why This Happens

These are typically CSS-related issues. The theme's styles might not account for every scenario, or customizations might not be mobile-responsive.

How to Fix It

Solution: Add Custom CSS
You can often override problematic styles with a small amount of custom CSS.

For example, if image captions are missing on mobile because the text color blends into the background, use CSS to fix it:

.wp-block-image figcaption {
    background-color: var(--wp--preset--color--base);
    padding: 7px;
    border-radius: 10px;
}

To add custom CSS:

  1. Go to Appearance → Customize.
  2. Look for the Additional CSS section.
  3. Paste your CSS code and press Publish.

Common Problem: Editing Headers and Footers

Some users report that the interface for editing headers and footers within the Site Editor disappears or fails to load.

Why This Happens

This can be caused by a conflict with a hosting provider's custom plugin (common on Bluehost) or another plugin interfering with the block editor.

How to Fix It

Solution: Conflict Testing
Follow the same plugin conflict test outlined above. A specific error mentioning a file path like .../bluehost-wordpress-plugin/... indicates a known incompatibility that the hosting provider or the YITH Wonder team would need to address in a future update.

Conclusion

Many display issues with the YITH Wonder theme can be resolved by methodically checking for conflicts, clearing erroneous template customizations, and using targeted CSS fixes. Always ensure your WordPress core, theme, and plugins are updated to their latest versions, as fixes are frequently released. If problems persist after trying these steps, detailing your issue on a community forum with your site URL and a clear description will help others provide more specific assistance.

Related Support Threads Support