elementor / elementor/elementor

🐞 trouble with responsiveness at browser width 767.57px

Open
#21,379 4 comments 0 reactions 0 assignees View on GitHub
mod* mod/b* mod/e* type/layout type/responsive type/styles
Dominant language
PHP
Stars
7.1k
Forks
1.6k
Avg merge
1d 5h
Merged PRs (30d)
193

Description

### Prerequisites

- [X] I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
- [X] The issue still exists against the latest stable version of Elementor.

### Description

When creating a responsive site, where one design is for mobile (hidden on tablet and desktop) and one design is for tablet and desktop (hidden on mobile), when the browser is at 767.57px wide both designs appear

### Steps to reproduce

uploaded one image, navigated to "advanced/responsive" and clicked "hide on tablet" and "hide on desktop"
uploaded a second image and clicked "hide on mobile"

site looks good at small and large sizes, but resizing the browser window to 767.57px wide shows both images

### Isolating the problem

- [ ] This bug happens with only Elementor plugin active (and Elementor Pro).
- [ ] This bug happens with a Blank WordPress theme active ([Hello theme](https://wordpress.org/themes/hello-elementor/)).
- [ ] I can reproduce this bug consistently following the steps above.

### System Info

System Info

````txt


== Server Environment ==
Operating System: Linux
Software: Apache
MySQL version: (Ubuntu) v8.0.28
PHP Version: 8.2.0
PHP Memory Limit: 128M
PHP Max Input Vars: 1000
PHP Max Post Size: 512M
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected

== WordPress Environment ==
Version: 6.1.1
Site URL: https://www.site.thechicagocenter.org
Home URL: https://www.site.thechicagocenter.org
WP Multisite: No
Max Upload Size: 512 MB
Memory limit: 40M
Max Memory limit: 256M
Permalink Structure: /%postname%/
Language: en-US
Timezone: 0
Admin Email: cfridkis@thechicagocenter.org
Debug Mode: Inactive

== Theme ==
Name: Hello Elementor
Version: 2.5.0
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/110.0.0.0 Safari/537.36

== Active Plugins ==
AB Archives
Version: 1.0
Author: CTF

Advanced Custom Fields
Version: 6.0.7
Author: WP Engine

Akismet Anti-Spam
Version: 5.0.2
Author: Automattic

CCL
Version: 1.0
Author: CTF

Classic Editor
Version: 1.6.2
Author: WordPress Contributors

Custom Post Type UI
Version: 1.13.4
Author: WebDevStudios

DreamHost Panel Login
Version: 1.0.0
Author: DreamHost, danielbachhuber

Duplicate Page and Post
Version: 2.9.2
Author: Arjun Thakur

Ele Custom Skin
Version: 3.1.7
Author: Dudaster.com

Elementor
Version: 3.11.1
Author: Elementor.com

Elementor Pro
Version: 3.11.1
Author: Elementor.com

ElementsKit Lite
Version: 2.8.1
Author: Wpmet

Folders
Version: 2.8.8
Author: Premio

JL Connect
Version: 2.0
Author: CTF

LiteSpeed Cache
Version: 5.3.2
Author: LiteSpeed Technologies

MailOptin - Lite
Version: 1.2.55.1
Author: MailOptin Popup Builder Team

NotificationX
Version: 2.6.0
Author: WPDeveloper

Pages with category and tag
Version: 0.9.0
Author: YAHMAN

UpdraftPlus - Backup/Restore
Version: 1.22.24
Author: UpdraftPlus.Com, DavidAnderson

WP Go Maps (formerly WP Google Maps)
Version: 9.0.17
Author: WP Go Maps

WP Mail SMTP
Version: 3.7.0
Author: WPForms

== Must-Use Plugins ==
Elementor Safe Mode
Version: 1.0.0
Author: Elementor.com

== Elements Usage ==

footer : 1
divider : 1
form : 1
heading : 7
icon-list : 5
image : 1
text-editor : 1
archive : 1
archive-posts : 1
heading : 1
posts : 1
theme-page-title : 1
header : 1
button : 2
nav-menu : 2
theme-site-logo : 2
loop : 4
elementskit-button : 2
heading : 2
post-info : 1
text-editor : 4
theme-post-featured-image : 1
page : 13
button : 23
divider : 3
elementskit-button : 2
form : 4
heading : 30
html : 2
icon-box : 14
icon-list : 2
image : 7
image-box : 3
media-carousel : 1
slides : 1
spacer : 1
star-rating : 3
testimonial : 2
testimonial-carousel : 3
text-editor : 25
theme-page-title : 1
theme-post-content : 1
theme-post-featured-image : 2
toggle : 1
video : 1
popup : 9
button : 7
form : 6
heading : 10
html : 3
icon : 3
spacer : 4
text-editor : 10
section : 15
button : 13
divider : 1
elementskit-icon-box : 8
form : 7
heading : 20
html : 3
icon : 1
icon-list : 2
image : 8
media-carousel : 3
slides : 1
spacer : 1
text-editor : 18
theme-page-title : 2
widget : 0
button : 3
form : 3
html : 1
text-editor : 1
wp-page : 36
button : 86
divider : 2
elementskit-icon-box : 28
flip-box : 3
form : 37
google_maps : 1
heading : 111
html : 14
icon-box : 17
icon-list : 12
image : 55
media-carousel : 8
posts : 1
slides : 6
spacer : 14
testimonial : 2
testimonial-carousel : 4
text-editor : 76
theme-page-title : 5
toggle : 4
video : 6
single-post : 2
heading : 2
post-info : 1
text-editor : 1
theme-post-content : 1
theme-post-title : 1
single-page : 5
theme-page-title : 5
theme-post-content : 5

== Settings ==

cpt_support: post, page
allow_tracking: yes
editor_break_lines: 1
unfiltered_files_upload: 1

== Features ==
Custom Fonts: 0
Custom Icons: 0

== Integrations ==

== Elementor Experiments ==
Optimized DOM Output: Active by default
Improved Asset Loading: Active by default
Improved CSS Loading: Active by default
Inline Font Icons: Inactive by default
Accessibility Improvements: Active by default
Additional Custom Breakpoints: Active by default
admin_menu_rearrangement: Inactive by default
Flexbox Container: Inactive by default
Upgrade Swiper Library: Inactive by default
Default to New Theme Builder: Active by default
Hello Theme Header & Footer: Active by default
Editor V2: Inactive by default
Landing Pages: Active by default
Nested Elements: Inactive by default
Lazy Load Background Images: Inactive by default
Save as Default: Active by default
Page Transitions: Active by default
Notes: Active by default
Loop: Active by default
Form Submissions: Active by default
Scroll Snap: Active by default
Mega Menu: Inactive by default

== Log ==

Log: showing 20 of 262023-01-18 01:45:46 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.10.0',
'to' => '3.10.1',
)]
2023-01-18 01:45:53 [info] elementor::elementor_updater Started
2023-01-18 01:45:53 [info] Elementor/Upgrades - _on_each_version Start
2023-01-18 01:45:54 [info] Elementor/Upgrades - _on_each_version Finished
2023-01-18 01:45:54 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.10.0',
'to' => '3.10.1',
)]
2023-01-29 15:11:28 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.10.1',
'to' => '3.10.2',
)]
2023-01-29 15:11:34 [info] elementor::elementor_updater Started
2023-01-29 15:11:34 [info] Elementor/Upgrades - _on_each_version Start
2023-01-29 15:11:38 [info] Elementor/Upgrades - _on_each_version Finished
2023-01-29 15:11:38 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.10.1',
'to' => '3.10.2',
)]
2023-02-13 15:59:33 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.10.2',
'to' => '3.11.0',
)]
2023-02-13 15:59:37 [info] elementor::elementor_updater Started
2023-02-13 15:59:37 [info] Elementor/Upgrades - _on_each_version Start
2023-02-13 15:59:40 [info] Elementor/Upgrades - _on_each_version Finished
2023-02-13 15:59:40 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.10.2',
'to' => '3.11.0',
)]
2023-02-16 02:45:12 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.11.0',
'to' => '3.11.1',
)]
2023-02-16 02:45:15 [info] elementor::elementor_updater Started
2023-02-16 02:45:15 [info] Elementor/Upgrades - _on_each_version Start
2023-02-16 02:45:17 [info] Elementor/Upgrades - _on_each_version Finished
2023-02-16 02:45:17 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.11.0',
'to' => '3.11.1',
)]

JS: showing 2 of 2JS: 2022-12-29 17:55:17 [error X 3][https://www.site.thechicagocenter.org/wp-content/plugins/elementor-pro/assets/js/editor.min.js?ver=3.9.2:2:60518] Cannot convert undefined or null to object
JS: 2023-02-15 19:19:47 [error X 1][https://www.site.thechicagocenter.org/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.11.0:3:1087291] Cannot read properties of null (reading 'getBoundingClientRect')

PHP: showing 14 of 14PHP: 2023-01-03 16:57:12 [notice X 2][/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/modules/theme-builder/classes/conditions-manager.php::167] Undefined index: editor_post_id [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-01-11 20:03:46 [notice X 54][/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/core/database/model-base.php::135] Return type of ElementorPro\Core\Database\Model_Base::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice [array (
'trace' => '
#0: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/core/database/model-base.php(10): Elementor\Core\Logger\Manager -> rest_error_handler()
#1: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/plugin.php(154): class type include()array (
0 => '/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/core/database/model-base.php',
)
#2: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/modules/notes/database/models/note.php(18): ElementorPro\Plugin -> autoload()
#3: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/plugin.php(154): class type include()array (
0 => '/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/modules/notes/database/models/note.php',
)
#4: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/modules/notes/data/controller.php(243): ElementorPro\Plugin -> autoload()
',
)]
PHP: 2023-01-11 20:03:47 [notice X 39][/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/modules/forms/submissions/database/query.php::103] Using ${var} in strings is deprecated, use {$var} instead [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-01-11 20:04:18 [notice X 28][/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor/modules/dev-tools/deprecation.php::297] The $control_id argument is deprecated since version 3.5.0! [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> rest_error_handler()
#1: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor/modules/dev-tools/deprecation.php(297): class type trigger_error()
#2: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor/includes/managers/controls.php(522): Elementor\Modules\DevTools\Deprecation -> deprecated_argument()
#3: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/mailoptin/src/connections/ElementorConnect/Init.php(34): Elementor\Controls_Manager -> register()
#4: /home/dh_2sg44c/site.thechicagocenter.org/wp-includes/class-wp-hook.php(308): MailOptin\ElementorConnect\Init -> register_custom_control()
',
)]
PHP: 2023-01-13 14:49:55 [warning X 3][/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/modules/forms/classes/ajax-handler.php::121] Undefined array key "form_fields" [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-01-13 18:50:26 [error X 5][/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor/core/wp-api.php::26] Uncaught Error: Call to undefined function Elementor\Core\get_plugins() in /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor/core/wp-api.php:26
Stack trace:
#0 /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor/modules/compatibility-tag/base-module.php(96): Elementor\Core\Wp_Api->get_plugins()
#1 /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor/modules/compatibility-tag/base-module.php(58): Elementor\Modules\CompatibilityTag\Base_Module->get_plugins_with_header()
#2 /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor/modules/compatibility-tag/module.php(57): Elementor\Modules\CompatibilityTag\Base_Module->get_plugins_to_check()
#3 /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor/modules/compatibility-tag/base-module.php(148): Elementor\Modules\CompatibilityTag\Module->get_plugins_to_check()
#4 /home/dh_2sg44c/site.thechicagocenter.org/wp-includes/class-wp-hook.php(308): Elementor\Modules\CompatibilityTag\Base_Module->Elementor\Modules\CompatibilityTag\{closure}('')
#5 /home/dh_2sg44c/site.thechicagocenter.org/wp-includes/class-wp-hook.php(332): WP_Hook->apply_filters('', Array)
#6 /home/dh_2sg44c/site.thechicagocenter.org/wp-includes/plugin.php(517): WP_Hook->do_action(Array)
#7 /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor/modules/system-info/module.php(334): do_action('elementor/syste...')
#8 /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor/includes/tracker.php(241): Elementor\Modules\System_Info\Module::get_allowed_reports()
#9 /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor/includes/tracker.php(530): Elementor\Tracker::get_system_reports_data()
#10 /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor/includes/tracker.php(141): Elementor\Tracker::get_tracking_data(false)
#11 /home/dh_2sg44c/site.thechicagocenter.org/wp-includes/class-wp-hook.php(308): Elementor\Tracker::send_tracking_data()
#12 /home/dh_2sg44c/site.thechicagocenter.org/wp-includes/class-wp-hook.php(332): WP_Hook->apply_filters('', Array)
#13 /home/dh_2sg44c/site.thechicagocenter.org/wp-includes/plugin.php(565): WP_Hook->do_action(Array)
#14 /home/dh_2sg44c/site.thechicagocenter.org/wp-cron.php(188): do_action_ref_array('elementor/track...', Array)
#15 {main}
thrown [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-01-18 15:36:49 [notice X 19][/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/modules/custom-css/module.php::76] trim(): Passing null to parameter #1 ($string) of type string is deprecated [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-01-20 00:51:55 [notice X 61][/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/core/utils/collection.php::75] Return type of ElementorPro\Core\Utils\Collection::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-01-20 01:18:59 [notice X 30][/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/core/database/model-base.php::135] Return type of ElementorPro\Core\Database\Model_Base::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-01-29 17:58:08 [notice X 95][/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor/modules/dev-tools/deprecation.php::297] The $control_id argument is deprecated since version 3.5.0! [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-01-30 15:10:32 [notice X 297][/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/core/database/model-base.php::135] Return type of ElementorPro\Core\Database\Model_Base::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice [array (
'trace' => '
#0: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/core/database/model-base.php(10): Elementor\Core\Logger\Manager -> rest_error_handler()
#1: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/plugin.php(159): class type include()array (
0 => '/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/core/database/model-base.php',
)
#2: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/modules/notes/database/models/note.php(18): ElementorPro\Plugin -> autoload()
#3: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/plugin.php(159): class type include()array (
0 => '/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/modules/notes/database/models/note.php',
)
#4: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/modules/notes/data/controller.php(243): ElementorPro\Plugin -> autoload()
',
)]
PHP: 2023-01-30 21:41:03 [warning X 3][/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor/core/common/modules/ajax/module.php::172] Undefined array key "data" [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-02-16 17:46:57 [notice X 1][/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/core/utils/collection.php::75] Return type of ElementorPro\Core\Utils\Collection::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice [array (
'trace' => '
#0: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/core/utils/collection.php(11): Elementor\Core\Logger\Manager -> rest_error_handler()
#1: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/plugin.php(159): class type include()array (
0 => '/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/core/utils/collection.php',
)
#2: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/core/database/query-builder.php(1222): ElementorPro\Plugin -> autoload()
#3: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/core/database/query-builder.php(1081): ElementorPro\Core\Database\Query_Builder -> get_bindings()
#4: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/core/database/model-query-builder.php(89): ElementorPro\Core\Database\Query_Builder -> get()
',
)]
PHP: 2023-02-16 17:56:17 [notice X 1][/home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/modules/custom-css/module.php::76] trim(): Passing null to parameter #1 ($string) of type string is deprecated [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> rest_error_handler()
#1: /home/dh_2sg44c/site.thechicagocenter.org/wp-content/plugins/elementor-pro/modules/custom-css/module.php(76): class type trim()
#2: /home/dh_2sg44c/site.thechicagocenter.org/wp-includes/class-wp-hook.php(308): ElementorPro\Modules\CustomCss\Module -> add_page_settings_css()
#3: /home/dh_2sg44c/site.thechicagocenter.org/wp-includes/class-wp-hook.php(332): WP_Hook -> apply_filters()
#4: /home/dh_2sg44c/site.thechicagocenter.org/wp-includes/plugin.php(517): WP_Hook -> do_action()
',
)]

== Elementor - Compatibility Tag ==

Ele Custom Skin: Incompatible
Elementor Pro: Compatible

== Elementor Pro - Compatibility Tag ==

Ele Custom Skin: Incompatible

````

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.