Mobile menu icon breaks only in Woocommerce pages

  • Resolved pauliusor

    (@pauliusor)


    1 year, 10 months ago

    Hello everyone, I have a problem with Elementor + Woocommerce. On mobile devices, when viewing any page of the website, it shows the good burger/sandwich menu icon EXCEPT for pages that are related to Woocommerce (shopping cart, checkout, product page, etc.) – it shows a rounded square on them. I have already found out that this problem is related to the Element theme (Hello Elementor), because 1) when I switch to any other theme the problem disappears and 2) I have checked each plugin one by one. Has anyone experienced this problem and how did you solve it? (group search did not give any results).

    Thanks in advance!

    Pic 1: https://ibb.co/0GBRysT
    Pic 2: https://ibb.co/Zg0R09T

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

Viewing 1 replies (of 1 total)

  • Hi

    Although I don’t have access to specific user experiences or group search results, I can offer some general suggestions to help you troubleshoot and resolve the problem:

    1. Clear cache: Sometimes, caching plugins or browser caches can cause display issues. Try clearing the cache in your caching plugin (if applicable) and clearing your browser cache to ensure you’re seeing the latest changes.
    2. Theme compatibility: Elementor works with most themes, but occasionally there can be compatibility issues. You mentioned that the problem disappears when you switch to a different theme, so it’s possible that the Hello Elementor theme is causing the issue. Consider reaching out to the Hello Elementor theme support team to see if they are aware of this problem and if they have any recommendations or updates to address it.
    3. Update plugins and themes: Ensure that you have the latest versions of Elementor, WooCommerce, and the Hello Elementor theme installed. Outdated versions can sometimes lead to compatibility issues.
    4. Disable plugins: While you mentioned you checked each plugin one by one, it’s possible that a combination of plugins may be causing conflicts. Try temporarily deactivating all plugins except for Elementor and WooCommerce to see if the issue persists. If it doesn’t, reactivate the plugins one by one to identify the conflicting plugin.
    5. Custom CSS or JavaScript conflicts: If you have added custom CSS or JavaScript code to your website, there might be a conflict causing the issue. Temporarily remove any custom code related to the mobile menu or WooCommerce and see if the problem is resolved. If it is, then you can narrow down the conflicting code and make necessary adjustments.
      ?

    Remember to take backups of your website before making any significant changes, especially if you plan to switch themes or deactivate plugins.

Viewing 1 replies (of 1 total)
  • The topic ‘Mobile menu icon breaks only in Woocommerce pages’ is closed to new replies.