Active Rank Math causes Layout issues on Cart page.

This topic has 9 replies, 2 voices, and was last updated 4 months, 2 weeks ago ago by ProdbyDaan

  • Avatar: ProdbyDaan
    ProdbyDaan
    Participant
    December 20, 2023 at 12:11

    Hey Team,

    when iam activating Rank Math Plugins my Layout breaks on the Cart Page.
    When disabled all looks good.

    Where to fix this issue? On your or Rank Math side?

    Thanks

    Please, contact administrator
    for this information.
    8 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 20, 2023 at 13:30

    Hello, ProdbyDaan,

    We appreciate you reaching out to us and for choosing XStore for your needs.

    To assist you further and conduct a thorough investigation of the issue you’re experiencing, we kindly request that you provide us with the URL, temporary wp-admin credentials, and FTP access details.

    For your information, our demos are configured using the Yoast SEO plugin, which we find to be highly effective.

    We look forward to your prompt response so that we can address your concerns as efficiently as possible.

    Kind Regards,
    8theme team

    Avatar: ProdbyDaan
    ProdbyDaan
    Participant
    December 20, 2023 at 13:59

    Hello Rose,

    i will provide the Credentials.
    Its my STAGING Website. So if you/we can fix it would like to do it on my Live Website.

    Thanks!

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 21, 2023 at 08:39

    Hello, ProdbyDaan,

    We appreciate your prompt response.

    1/ We have checked the frontend and found that in the content of cart table there are automatically added ‘
    ‘ across the content in different places -> https://prnt.sc/e0Nt4EC6piZa
    2/ After checking the editor of your content we found that [woocommerce_cart] shortcode was added in

    wrapper with WordPress comments above and below (that breaks frontend view) -> https://prnt.sc/ioTEX1it2qz9
    3/ We added an extra widget named «shortcode» (that was created for such specific cases to display the shortcodes) -> https://prnt.sc/qnOIdxiwjwsR
    4/ Checking the frontend view and everything was going ok -> https://prnt.sc/NO_ntMOcenlT
    5/ Also, for our surety we removed wrapping

    and WordPress Comment «» from the content of your previous widget -> https://prnt.sc/WbxzPUEhWjeD and frontend displayed normally then as well -> https://prnt.sc/nWr0yKHaxpPX

    From the solutions, we can suggest is next ones:
    1/ Use shortcode widget for related shortcode «cases».
    2/ Try to add next filter to your child theme to prevent WordPress auto-br adding in content across your web-site pages content.

    remove_filter( 'the_content', 'wpautop' );
    remove_filter( 'the_excerpt', 'wpautop' );

    P.S.
    To make you more sure that it is not related to our theme but rather to WP functionality here is an article with a similar question -> https://generatepress.com/forums/topic/how-do-i-prevent-wordpress-from-adding-br-and-p-tags-to-my-markup/ (https://prnt.sc/BmiUKxtX7vEB)

    Kind Regards,
    8theme team

    Avatar: ProdbyDaan
    ProdbyDaan
    Participant
    December 21, 2023 at 09:43

    Hello Rose,

    thanks for the fixing.
    I checked it and done it on my live site.
    Its works great!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 21, 2023 at 09:51

    Hello, ProdbyDaan,

    We have noticed that you are currently making edits to the Cart page, we kindly request that you remove the text https://prnt.sc/34xXLwKFwqgX and use the shortcode as previously outlined in our instructions.

    Kind Regards,
    8theme team

    Avatar: ProdbyDaan
    ProdbyDaan
    Participant
    December 21, 2023 at 09:56

    Done. Thanks!!!

    One last thing. The Layout shifting after clicking on ” Versandkosten berechnen” on Mobile view.

    https://prnt.sc/ON12cAArKvmU

    Shifting to much to the right
    https://prnt.sc/9F8IvqXjrjS6

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 21, 2023 at 10:08

    Hello, ProdbyDaan,

    We kindly request that you attempt to implement the following custom CSS code:

    @media only screen and (max-width: 768px) {
        .cart_totals .cart-subtotal,
        .cart_totals .shipping,
        .cart_totals .order-total {
            display: grid;
        }
    }

    Kind Regards,
    8theme team

    Avatar: ProdbyDaan
    ProdbyDaan
    Participant
    December 21, 2023 at 10:13

    Worked.

    Wow what a awesome Support!!! Thank you very much 🙂

  • Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Active Rank Math causes Layout issues on Cart page.’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.