Mohd Javed

Hi @isleeve ,

I can understand the frustration when changes don’t reflect on the live site, especially after redesigning everything in Elementor. Since you’re confident it’s not a caching issue, here are a few things you can try to fix this:

1. Theme Settings: Some WordPress themes come with specific settings that control which pages are displayed as the homepage. Check the theme’s customization settings to ensure the correct homepage is selected.
2. Reading Settings: In your WordPress dashboard, go to Settings > Reading and make sure the correct homepage is selected under “Your homepage displays.”
3. Hard Caching: Even though you’re almost sure it’s not a caching issue, it’s good to double-check server-side caching solutions like WP Rocket, Cloudflare, or hosting-specific caching mechanisms. Try clearing any object cache or CDN cache as well.
4. Elementor Conditions: Ensure that the template you created in Elementor is correctly assigned as the homepage template under Elementor > Settings > Conditions.
5. Page Overrides: If you’re using a child theme, verify there aren’t any overrides or custom PHP code that might be preventing the new homepage from showing.

Hopefully, one of these steps helps solve the issue. Let me know if you need more guidance!

Best,
Mohd Javed

Hi Paul,

Thanks for sharing the details about your issue. It sounds like the pattern registration is working, but the child theme isn’t triggering the pattern refresh immediately in the UI.

This behavior is not typical and shouldn’t require theme switching to make the patterns appear. Here are a few things you could try:

1. Clear cache: Sometimes WordPress or your browser may cache the theme files, causing changes not to appear immediately. Try clearing both WordPress and browser caches.
2. Check theme.json file: Ensure your theme.json (if you have one) includes proper configuration for patterns, as it might influence their visibility in the editor.
3. Use the register_block_pattern() function: If you’re comfortable with some PHP, you can manually register patterns using the register_block_pattern() function in your child theme’s functions.php. This ensures patterns are registered every time the theme is activated.

register_block_pattern(
    'my-child-theme/my-pattern',
    array(
        'title'       => __( 'My Custom Pattern', 'my-child-theme' ),
        'description' => _x( 'A custom pattern for my theme', 'Block pattern description', 'my-child-theme' ),
        'content'     => '<!-- wp:group --> ... <!-- /wp:group -->',
    )
);

Theme switching workaround: If the theme switch is consistently working, it could indicate a loading or refresh issue within the child theme. Investigating further may help pinpoint if something in the theme files is delaying the registration.

Hope this helps! Let me know if you need further clarification or assistance.

Hi @cap78 ,

It sounds like your site may not have a responsive design enabled, or there could be a conflict with your theme or plugins. Here are a few steps you can take to troubleshoot the issue:

1. Check Theme Responsiveness: Make sure your WordPress theme is responsive. Most modern themes are, but older themes may not be optimized for mobile. Try switching to a default WordPress theme like Twenty Twenty-Three to see if the issue persists.
2. Mobile Preview in Customizer: Head over to Appearance > Customize in your WordPress dashboard, and use the mobile view to check how your site looks on smaller screens. If it doesn’t appear responsive here, the issue is likely with your theme.
3. Disable Plugins: Sometimes, plugins can interfere with your site’s responsiveness. Try disabling all your plugins temporarily, then recheck your site on mobile. If the issue is resolved, reactivate the plugins one by one to identify the culprit.
4. Add Meta Tag for Viewport: Ensure your site includes the viewport meta tag, which helps control the layout on mobile browsers. Add this to your site’s header if it’s missing:
   
   <meta name="viewport" content="width=device-width, initial-scale=1">
   
   5. CSS Media Queries: If you’re comfortable with coding, you can check your CSS for proper media queries. These queries help style your site differently based on the screen size. For example:
   
   @media only screen and (max-width: 768px) {
/* Add your mobile styles here */
}
   
   Please also correct the link to your site, as the current link doesn’t seem to be working. Once that’s updated, I’d be happy to take a closer look.
   
   Hope this helps!

• This reply was modified 1 year, 9 months ago by Mohd Javed.