Issue with Layout Distortion and OGP Settings After Enabling Rank Math

Hello,

We apologize for the issue you are facing with layout distortion and OGP settings after enabling Rank Math. It sounds like the plugin might be conflicting with your theme or other plugins, particularly regarding how iframes are being handled.

Here are a few steps you can take to troubleshoot and potentially resolve the issue:

1. Check for Conflicts: Disable other plugins one by one to see if there is a conflict with Rank Math. Sometimes, other plugins can interfere with how content is displayed.

2. Inspect CSS Styles: Inspect the CSS styles applied to the Google Map and YouTube video iframes. You may need to add custom CSS to ensure they maintain their correct dimensions and alignment. For example:

   iframe {
      width: 100%;
      height: auto;
   }

3. Update Theme and Plugins: Ensure that your theme and all plugins, including Rank Math, are updated to their latest versions. Sometimes, updates can fix compatibility issues.

4. Use Shortcodes: If you are using shortcodes for embedding the Google Map or YouTube video, ensure they are correctly formatted. You can also try using the default embed options provided by WordPress.

5. Check Rank Math Settings: Review the settings in Rank Math related to the Schema and Open Graph options. Sometimes, specific settings can affect how content is rendered on the front end.

If these steps do not resolve the issue, please reply to this ticket, and a human agent from the Rank Math Support team will take over and assist you further. Thank you for bringing this concern to our attention!