Layout Shift / Menu Jumping Issue Caused by Rank Math PRO Upgrade Prompt

#1120914
  • Resolved Mijta
    Rank Math pro
    Content AI Starter Trial

    I am writing to report a significant user experience issue on my website, which I believe is related to how the Rank Math SEO plugin loads its elements. My website uses the Smartmag theme on a WordPress installation.

    Issue Description (Layout Shift)

    When a page is initially loaded or a user performs a refresh, the entire upper section of the site (including the main menu) experiences a noticeable “layout shift” or “jump.”

    This is causing poor performance metrics (specifically affecting Core Web Vitals scores) and a degraded user experience.

    Upon careful observation, it appears that the jump is triggered by the brief, asynchronous loading and display of a hidden element, likely the “Upgrade to PRO” banner or button. This element is loaded for a fraction of a second, takes up space, and then disappears or is moved, causing the layout to snap back into place.

    Request for Resolution

    Could you please investigate this matter? I need a solution to prevent this specific PRO promotional element from loading or displaying briefly on the frontend of the site, which is the source of the layout shift.

    The element must be fully suppressed or have its space pre-reserved to ensure a stable load and to prevent the content from jumping.

    Thank you for your time and assistance in resolving this urgent UX and speed issue.

    BTW : i will buy pro and ai content 🙂

    Best regards

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello,

    We apologize for the issue you are facing with the layout shift on your website due to the Rank Math PRO upgrade prompt. Thank you for bringing this concern to our attention.

    This layout shift can indeed affect your Core Web Vitals scores and overall user experience. While we currently do not have a specific solution to suppress or reserve space for the PRO promotional element, we recommend checking for any updates to the Rank Math plugin, as updates often include performance improvements and bug fixes.

    You can also consider implementing custom CSS to hide the upgrade prompt until the rest of the page has loaded. Here’s a simple example of how you might do that:

    .rank-math-upgrade-prompt {
        display: none;
    }

    This code snippet would hide the upgrade prompt, but please note that it may not be a permanent solution, and we recommend monitoring your site’s performance after applying any changes.

    If you continue to experience issues, please reply to this ticket with your site URL so that a human agent from our support team can investigate further and provide more tailored assistance.

    Thank you for your understanding, and we appreciate your interest in upgrading to PRO and using our AI content features!

    Mijta
    Rank Math pro
    Content AI Starter Trial

    Hello,

    I have updated the sensitive data as requested. Can you please check further?

    Thank you.

    Hello,

    Thank you for your query and we are so sorry about the trouble this must have caused.

    That element is from our Analytics Stats bar which can only be seen by the admin users. This stats bar will be invisible to the search engines.

    If you’re not using this feature, you can disable it in Rank Math → General Settings → Analytics:

    Rank Math support

    However, since this feature is only visible to the admin, this shouldn’t cause an issue when submitting this to Core Web Vitals.

    Looking forward to helping you with this one.

    Thank you for the great answer Jeremy. I had the same problem. After disabling the frontend status bar, the problem got fixed.
    Thanks again.

    Hello @aamiralibangash,

    Thank you so much for reaching out, and we’re glad our previous advice has helped you with your issue.

    Don’t hesitate to get in touch with us if you have any other questions.

    Hello,

    Since we did not hear back from you for 15 days, we are assuming that you found the solution. We are closing this support ticket.

    If you still need assistance or any other help, please feel free to open a new support ticket, and we will be more than happy to assist.

    Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)

The ticket ‘Layout Shift / Menu Jumping Issue Caused by Rank Math PRO Upgrade Prompt’ is closed to new replies.