Image Comparison Formatting Issue
-
I am using the EKit Image Comparison widget on my website. Recently, when I view the front end of my site, the middle white line that separates the images being compared is stretched really far down, distorting the whole widget and section. When I refresh the page, it often resolves. But this is a problem, especially for first time website viewers.
Here is a picture of it distorted: https://www.dropbox.com/scl/fi/x6c7yf6yvayqnwzl9acyt/stretched-down.JPG?rlkey=fbqzqgmjnwztvljw8hrv7grmq&st=xw6twv0v&dl=0
Here is a picture of how it should look: https://www.dropbox.com/scl/fi/cy0ft2lb2fkqnj1b181ri/how-it-should-look.JPG?rlkey=opkw1ek2pi2hync8k4dqmb8lw&st=trep8k4w&dl=0
All of my plugins are up to date. This only started happening recently. Thank you!
The page I need help with: [log in to see the link]
-
Thank you for reaching out. As you are experiencing the issue with the comparison widget. Please follow these troubleshooting steps:
- Ensure your ElementsKit Lite plugin is updated to the latest version.
- Clear both your site and browser caches.
- Temporarily disable any caching plugins on your site and recheck to see if the issue persists.
If the problem continues, please perform a conflict test:
- Switch your theme to a default one like Twenty Twenty or Hello Elementor. Check if the issue still occurs. If it resolves, the issue is related to your theme.
- If switching themes doesn’t help, deactivate all plugins except for Elementor and ElementsKit.
- Recheck the site to see if the issue persists.
If the problem is resolved, reactivate the plugins one by one to identify the conflicting plugin.
The conflict test will help you pinpoint the source of the issue and assist in resolving it. Please let us know the results of the conflict test.
Regards
Thanks so much for your reply! I did the conflict test. Plugin is the latest version, I purged the cache, disabled caching. I also checked on two other computers which have never visited the site, and it is showing the same problem. My theme is already Hello. I deactivated all plugins one by one and the issue was not resolved.
I hope you are doing well. It seems you’ve tried all the recommended steps, but the issue persists. To investigate further, could you please provide your system information? You can find it under Dashboard > Elementor > System Info. I’ll replicate the issue in a similar environment and update you as soon as possible.
This is an uncommon issue, but I will do my best to reproduce it for clarity. Also, please check if there’s any server-level caching mechanism that could be affecting the behavior. If so, temporarily disabling it might help with troubleshooting.
Thank you for your cooperation!
Best Regards
Thank you Tusher! I have deactivated the server-side caching. Here is my system information:
== Server Environment ==
Operating System: Linux
Software: Apache
MySQL version: Source distribution v8.0.36-28
PHP Version: 8.2.24
PHP Memory Limit: 768M
PHP Max Input Vars: 3000
PHP Max Post Size: 256M
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected== WordPress Environment ==
Version: 6.6.2
Site URL: https://ascend.withinsighttest.com
Home URL: https://ascend.withinsighttest.com
WP Multisite: No
Max Upload Size: 256 MB
Memory limit: 256M
Max Memory limit: 768M
Permalink Structure: /%postname%/
Language: en_US
Timezone: 0
Admin Email: [email protected]
Debug Mode: Inactive== Theme ==
Name: Hello Elementor
Version: 3.1.1
Author: Elementor Team
Child Theme: No== User ==
Role: administrator
WP Profile lang: en-US
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36== Active Plugins ==
Comparimager for Elementor
Version: 1.0.0
Author: MerkuloveElementor Version: 3.24.7 Author: Elementor.com Elementor Pro Version: 3.24.4 Author: Elementor.com ElementsKit Lite Version: 3.2.8 Author: Wpmet Envato Elements Version: 2.0.15 Author: Envato Jeg Elementor Kit Version: 2.6.9 Author: Jegtheme Safelayout Cute Preloader Version: 2.0.93 Author: Safelayout Security Optimizer Version: 1.5.6 Author: SiteGround Speed Optimizer Version: 7.6.7 Author: SiteGround UpdraftPlus - Backup/Restore Version: 1.24.6 Author: TeamUpdraft, DavidAnderson
== Elements Usage ==
container : 30 button : 16 container : 108 divider : 10 elementskit-heading : 1 elementskit-image-comparison : 1 elementskit-video : 2 flip-box : 6 form : 1 gallery : 1 heading : 42 icon-box : 9 icon-list : 9 image : 8 jkit_portfolio_gallery : 1 mdp-comparimager-elementor : 1 nav-menu : 6 spacer : 2 text-editor : 23 theme-site-logo : 2 footer : 1 container : 5 heading : 2 icon-list : 2 image : 1 nav-menu : 1 text-editor : 1 header : 1 container : 3 nav-menu : 1 theme-site-logo : 1 page : 9 button : 27 container : 191 divider : 29 elementskit-image-comparison : 3 elementskit-video : 3 flip-box : 9 gallery : 8 heading : 75 icon-box : 3 image : 31 image-box : 4 jkit_client_logo : 1 jkit_icon_box : 10 jkit_post_block : 1 jkit_video_button : 1 nav-menu : 1 spacer : 11 text-editor : 40 section : 1 button : 4 container : 42 elementskit-accordion : 1 elementskit-blog-posts : 1 elementskit-heading : 7 elementskit-video : 1 heading : 10 icon-box : 3 icon-list : 8 image : 6 image-box : 4 progress : 3 text-editor : 2 wp-page : 21 button : 46 container : 287 divider : 53 elementskit-accordion : 3 elementskit-image-comparison : 3 elementskit-video : 3 flip-box : 12 gallery : 17 heading : 140 icon-box : 9 icon-list : 4 image : 42 nav-menu : 4 spacer : 23 text-editor : 72 video : 1
== Settings ==
cpt_support: post, page disable_color_schemes: yes disable_typography_schemes: yes allow_tracking: yes font_display: swap
== Features ==
Custom Fonts: 2
Custom Icons: 0== Integrations ==
== Elementor Experiments ==
Improved CSS Loading: Inactive by default
Inline Font Icons: Active by default
Additional Custom Breakpoints: Active by default
Flexbox Container: Active by default
Grid Container: Active by default
Upgrade Swiper Library: Active by default
Nested Elements Performance: Active by default
Optimized Control Loading: Active by default
Optimized Markup: Inactive by default
Conditionally load Swiper CSS files: Inactive by default
Plugin Onboarding: Active by default
Default to New Theme Builder: Active by default
Header & Footer: Active by default
Elementor Home Screen: Active by default
Build with AI: Active by default
Landing Pages: Inactive by default
Launchpad Checklist: Inactive by default
Nested Elements: Inactive by default
Editor Top Bar: Active by default
Pages Panel: Inactive by default
Element Caching: Active by default
Link In Bio: Active by default
Floating Buttons: Active by default
Elementor Editor Events: Inactive by default
Atomic Widgets: Inactive by default
Display Conditions: Active by default
Form Submissions: Active by default
Menu: Inactive by default== Log ==
Log: showing 20 of 402024-10-01 02:14:29 [info] elementor::elementor_updater Started
2024-10-01 02:14:29 [info] Elementor/Upgrades – _on_each_version Start
2024-10-01 02:14:29 [info] Elementor/Upgrades – _on_each_version Finished
2024-10-01 02:14:29 [info] Elementor data updater process has been completed. [array (
‘plugin’ => ‘Elementor’,
‘from’ => ‘3.24.3’,
‘to’ => ‘3.24.4’,
)]
2024-10-01 02:14:29 [info] Elementor data updater process has been queued. [array (
‘plugin’ => ‘Elementor’,
‘from’ => ‘3.24.3’,
‘to’ => ‘3.24.4’,
)]
2024-10-12 23:51:59 [info] elementor::elementor_updater Started
2024-10-12 23:51:59 [info] Elementor/Upgrades – _on_each_version Start
2024-10-12 23:51:59 [info] Elementor/Upgrades – _on_each_version Finished
2024-10-12 23:51:59 [info] Elementor data updater process has been completed. [array (
‘plugin’ => ‘Elementor’,
‘from’ => ‘3.24.4’,
‘to’ => ‘3.24.6’,
)]
2024-10-12 23:51:59 [info] Elementor data updater process has been queued. [array (
‘plugin’ => ‘Elementor’,
‘from’ => ‘3.24.4’,
‘to’ => ‘3.24.6’,
)]
2024-10-13 19:00:10 [info] elementor-pro::elementor_pro_updater Started
2024-10-13 19:00:10 [info] Elementor Pro/Upgrades – _on_each_version Start
2024-10-13 19:00:10 [info] Elementor Pro/Upgrades – _on_each_version Finished
2024-10-13 19:00:10 [info] Elementor data updater process has been completed. [array (
‘plugin’ => ‘Elementor Pro’,
‘from’ => ‘3.24.2’,
‘to’ => ‘3.24.4’,
)]
2024-10-13 19:00:10 [info] Elementor data updater process has been queued. [array (
‘plugin’ => ‘Elementor Pro’,
‘from’ => ‘3.24.2’,
‘to’ => ‘3.24.4’,
)]
2024-10-15 15:00:55 [info] elementor::elementor_updater Started
2024-10-15 15:00:55 [info] Elementor/Upgrades – _on_each_version Start
2024-10-15 15:00:56 [info] Elementor/Upgrades – _on_each_version Finished
2024-10-15 15:00:56 [info] Elementor data updater process has been completed. [array (
‘plugin’ => ‘Elementor’,
‘from’ => ‘3.24.6’,
‘to’ => ‘3.24.7’,
)]
2024-10-15 15:00:56 [info] Elementor data updater process has been queued. [array (
‘plugin’ => ‘Elementor’,
‘from’ => ‘3.24.6’,
‘to’ => ‘3.24.7’,
)]PHP: showing 2 of 2PHP: 2024-08-21 01:41:13 [notice X 13][/home/customer/www/ascend.withinsighttest.com/public_html/wp-content/plugins/elementor-pro/modules/screenshots/module.php::33] Function utf8_decode() is deprecated [array (
‘trace’ => ‘ 0: Elementor\Core\Logger\Manager -> shutdown()‘,
)]
PHP: 2024-10-14 23:37:36 [notice X 3][/home/customer/www/ascend.withinsighttest.com/public_html/wp-content/plugins/elementor/core/files/file-types/svg.php::165] explode(): Passing null to parameter #2 ($string) of type string is deprecated [array (
‘trace’ => ‘ 0: Elementor\Core\Logger\Manager -> shutdown()‘,
)]JS: showing 1 of 1JS: 2024-10-14 01:35:51 [error X 1][https://ascend.withinsighttest.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.24.6:3:714406] this.model.isValidChild is not a function
== Elementor – Compatibility Tag ==
Comparimager for Elementor: Incompatible Elementor Pro: Incompatible Envato Elements: Incompatible Jeg Elementor Kit: Compatible
== Elementor Pro – Compatibility Tag ==
Comparimager for Elementor: Incompatible Envato Elements: Incompatible Jeg Elementor Kit: Compatible
I found your ticket in our plugin help desk; please follow there. I appreciate your understanding.
Regards
Ikbal
- You must be logged in to reply to this topic.