Cart and Checkout Header/Footer Not Loading Properly on Mobile Devices

  • Resolved huzaifa0300

    (@huzaifa0300)


    3 weeks ago

    Hello WooCommerce Support Team,

    I’m reaching out regarding an issue on my website’s cart and checkout pages where the header and footer, created using Elementor, are not loading correctly on mobile devices. The HTML is visible, but the styling is not applied, leaving only basic HTML to display. This issue does not occur on PC, where both the cart and checkout pages display perfectly.

    Here are the details:

    • Issue Specifics: The cart and checkout content generated by the WooCommerce shortcode displays correctly on mobile; however, the Elementor-based header and footer do not load properly.
    • Only Occurs on Mobile: The problem is isolated to mobile devices. On PC, the header and footer display as expected on both cart and checkout pages.
    • Other Pages Unaffected: All other pages, including those with Elementor-based headers and footers, load correctly on both PC and mobile devices.

    To troubleshoot, I have already:

    1. Regenerated CSS files in Elementor.
    2. Checked for plugin conflicts by deactivating all other plugins except WooCommerce and Elementor.
    3. Cleared both website and mobile browser cache.
    4. Updated both WooCommerce and Elementor to their latest versions.
    5. Verified that the WooCommerce shortcode placement is correct on the cart and checkout pages.

    Given that the WooCommerce shortcode content itself displays properly, this seems to point to an issue with how WooCommerce interacts with the mobile styling of these specific pages.

    Could you please advise on any known compatibility issues or settings adjustments to resolve this?

    Thank you for your support.

    Best regards,

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support EastOfWest a11n

    (@eastofwest)

    Hi @huzaifa0300! Thanks for reaching out! The issue sounds like it’s coming from Elementor rather than WooCommerce, given that the WooCommerce functionality is working, but your theme elements are not. In this scenario I would suggst that you rather reach out to Elementor’s support.

    That said, I visited your site to see what I can see, but I couldn’t see any issues. Here’s a screengrab of my experience using the DuckDuckGo browser.

    So, if you didn’t specifically resolve the issue since posting, it’s possible your mobile phone might have experienced caching or other blocking issues, preventing your theme/page builder’s CSS file from loading.

    But it seems OK from this end, hope it looks the same to you. Let us know.

    Thread Starter huzaifa0300

    (@huzaifa0300)

    Yes, The issue has been fixed. There was a bug in a plugin that I have uninstalled now. thanks for your support : )

    Plugin Support Beauty of Code (woo-hc)

    (@beautyofcode)

    Hey @huzaifa0300 ,

    Glad to hear it! Since this has been resolved, feel free to?create a new topic?if you need any further. ??

    Also, if you have a minute, we’d love it if you could leave us a review:?

    https://www.ads-software.com/support/plugin/woocommerce/reviews/

    Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.