CSS and JS problem with Astra and MetForm

  • Resolved cpgraphisme

    (@cpgraphisme)


    1 year, 5 months ago

    Good morning,

    I have a problem with the caching and minification options of your plugin.

    When I activate minification >> there are problems with the CSS of the Astra theme >> the menu is not displayed correctly + the return arrow at the top of the page disappears.
    When I use the cache option >> my MetForm form plugin, does not work or display.

    How can I continue to use WP Optimize with the intended functions without generating display problems?
    I have disabled it for the moment but I will have to uninstall if it conflicts with the other plugins.

    Thanks in advance

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • wpmansour

    (@wpmansour)

    1 year, 5 months ago

    Good Morning,

    Minification reduces the size of CSS and JS files by removing unnecessary characters (like spaces, comments, and line breaks) without changing their functionality. This helps improve page load times. However, some themes and plugins might not function correctly if their files are minified.

    After reproducing your scenario in our environment, I identified potential issues with the Astra theme and MetForm plugin when using WP-Optimize’s caching and minification options. Here are the steps to resolve this:

    Exclude the following CSS and JS files from minification and caching:

    Astra Theme:

    • /wp-content/themes/astra/assets/css/minified/main.min.css
    • /wp-content/plugins/astra-addon/addons/nav-menu/assets/css/minified/magamenu-frontend.min.css
    • /wp-content/themes/astra/assets/js/minified/frontend.min.js

    MetForm:

    • /wp-content/plugins/metform/public/assets/lib/cute-alert/cute-alert.js
    • /wp-content/plugins/metform/public/assets/lib/cute-alert/style.css

    Steps:

    1. Navigate to WP-Optimize > Minify > CSS and JS and add the above files to the exclusion lists.
    2. Navigate to WP-Optimize > Cache > Advanced Settings and add the above files to the exclusion list.
    3. Clear the cache by going to WP-Optimize > Cache and clicking on Purge Cache.

    These steps should ensure the Astra theme and MetForm plugin display and function correctly.

    Best regards,

    Thread Starter cpgraphisme

    (@cpgraphisme)

    1 year, 5 months ago

    Hello,
    Thank you for your reply.

    I did the requested manipulations. It’s perfect for ASTRA theme, it works again.
    On the other hand, I still have the problem with the METFORM plugin and the contact form which is not displayed.
    Do you have any other steps to resolve this issue?

    Thanks in advance

    wpmansour

    (@wpmansour)

    1 year, 5 months ago

    Hello,

    Thank you for your update. I’m glad the Astra theme issue is resolved.

    For the MetForm plugin, let’s try adding two extra files (app.js & htm.js) with the following steps:

    1. Disable JavaScript Minification for Specific Files:
      • Navigate to WP-Optimize > Minify > JS.
      • Ensure the following files are excluded:
        • /wp-content/plugins/metform/public/assets/js/metform.min.js
        • /wp-content/plugins/metform/public/assets/lib/cute-alert/cute-alert.js
        • /wp-content/plugins/metform/public/assets/js/app.js
        • /wp-content/plugins/metform/public/assets/js/htm.js
    2. Clear the Cache Again:
      • Go to WP-Optimize > Cache and click on Purge Cache.

    These steps should help address the issue with the MetForm plugin. If the problem persists, please let me know, and we can investigate further.

    Best regards,

    • This reply was modified 1 year, 5 months ago by wpmansour.
    Thread Starter cpgraphisme

    (@cpgraphisme)

    1 year, 5 months ago

    Hello,

    I did the manipulations, but it still doesn’t work.

    I am also in conversation with the WP FORM editor but no solution either.

    If you want, I can provide you with temporary access to the backoffice.

    Best regards

    Thread Starter cpgraphisme

    (@cpgraphisme)

    1 year, 5 months ago

    Hello,

    Thanks for your explanation, it works now !

    Best regards

    wpmansour

    (@wpmansour)

    1 year, 5 months ago

    Hello,

    You’re welcome! I’m glad to hear that 🙂

    Best regards,

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

The topic ‘CSS and JS problem with Astra and MetForm’ is closed to new replies.

Tags