search

elementor / elementor

The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.
https://elementor.com/
GNU General Public License v3.0
6.57k stars 1.41k forks source link

🐞 Bug Report: Mobile CSS not rendering when applied to template added using the template element #21080

Open SpinDreams opened 1 year ago

SpinDreams commented 1 year ago

Prerequisites

Description

Mobile breakpoint css is not rendering when applied to template that has been added to a page using the template element widget. It will default to the desktop/tablet css.

Do'ing a "Regenerate CSS & Data" after each edit with fix it until you edit the template again.

Steps to reproduce

Mobile breakpoint css is not rendering when applied to template that has been added using the template element widget. It will default to the desktop css.

Do'ing a "Regenerate CSS & Data" efter each edit with fix it until you edit the template again.

Isolating the problem

System Info

== Server Environment == Operating System: Linux Software: Apache MySQL version: Source distribution v5.7.39-42 PHP Version: 7.4.33 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.1.1 Site URL: https://robr46.sg-host.com Home URL: https://robr46.sg-host.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: rob@enotions.co.uk Debug Mode: Inactive

== Theme == Name: Hello Elementor Child Version: 1.0.1 Author: Elementor Team Child Theme: Yes Parent Theme Name: Hello Elementor Parent Theme Version: 2.6.1 Parent Theme Author: Elementor Team

== 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/109.0.0.0 Safari/537.36 Edg/109.0.1518.55

== Active Plugins == Custom Twitter Feeds Version: 2.0.3 Author: Smash Balloon

Elementor
    Version: 3.10.1
    Author: Elementor.com

Elementor Pro
    Version: 3.10.2
    Author: Elementor.com

JSON Content Importer
    Version: 1.3.14
    Author: Bernhard Kux

OoohBoi Steroids for Elementor
    Version: 2.1.0
    Author: OoohBoi

SiteGround Optimizer
    Version: 7.2.9
    Author: SiteGround

Smash Balloon Custom Facebook Feed
    Version: 4.1.6
    Author: Smash Balloon

Smash Balloon Instagram Feed
    Version: 6.1
    Author: Smash Balloon

Yoast SEO
    Version: 19.14
    Author: Team Yoast

== 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 Hide native WordPress widgets from search results: Active by default admin_menu_rearrangement: Inactive by default Flexbox Container: Active Default to New Theme Builder: Active by default Hello Theme Header & Footer: Active 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: Inactive by default Form Submissions: Active by default Scroll Snap: Active by default

== Log ==

Log: showing 20 of 302022-11-16 01:46:32 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.8.0', 'to' => '3.8.1', )] 2023-01-16 15:36:46 [info] elementor::elementor_updater Started 2023-01-16 15:36:46 [info] Elementor/Upgrades - _on_each_version Start
2023-01-16 15:36:46 [info] Elementor/Upgrades - _on_each_version Finished 2023-01-16 15:36:46 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.8.1', 'to' => '3.10.0', )] 2023-01-16 15:36:46 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor', 'from' => '3.8.1', 'to' => '3.10.0', )] 2023-01-16 16:18:45 [info] elementor-pro::elementor_pro_updater Started 2023-01-16 16:18:45 [info] Elementor Pro/Upgrades - _on_each_version Start
2023-01-16 16:18:45 [info] Elementor Pro/Upgrades - _on_each_version Finished 2023-01-16 16:18:45 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.8.0', 'to' => '3.10.1', )] 2023-01-17 16:52:47 [info] elementor-pro::elementor_pro_updater Started 2023-01-17 16:52:47 [info] Elementor Pro/Upgrades - _on_each_version Start
2023-01-17 16:52:47 [info] Elementor Pro/Upgrades - _on_each_version Finished 2023-01-17 16:52:47 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.10.1', 'to' => '3.10.2', )] 2023-01-17 16:52:47 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.10.1', 'to' => '3.10.2', )] 2023-01-17 16:52:52 [info] elementor::elementor_updater Started 2023-01-17 16:52:52 [info] Elementor/Upgrades - _on_each_version Start
2023-01-17 16:52:52 [info] Elementor/Upgrades - _on_each_version Finished 2023-01-17 16:52:52 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.10.0', 'to' => '3.10.1', )] 2023-01-17 16:52:52 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor', 'from' => '3.10.0', 'to' => '3.10.1', )]

JS: showing 9 of 9JS: 2022-11-04 16:37:51 [error X 38][http://robr46.sg-host.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.1:2:51824] Cannot read properties of undefined (reading \'replace\') JS: 2022-11-14 13:48:07 [error X 1][https://robr46.sg-host.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.1:2:51816] a is undefined JS: 2022-11-17 15:47:17 [error X 3][https://robr46.sg-host.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.8.1:3:1061530] Cannot read properties of null (reading \'getBoundingClientRect\') JS: 2022-11-27 16:31:47 [error X 4516][https://robr46.sg-host.com/wp-content/plugins/elementor/assets/lib/pickr/pickr.min.js?ver=1.5.0:2:16820] Cannot read properties of null (reading \'clone\') JS: 2022-11-27 16:31:58 [error X 124][https://robr46.sg-host.com/wp-content/plugins/elementor/assets/lib/pickr/pickr.min.js?ver=1.5.0:2:21012] Cannot read properties of null (reading \'changestop\') JS: 2022-12-05 17:16:24 [error X 1][https://robr46.sg-host.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.8.1:3:906680] Cannot read properties of undefined (reading \'settings\') JS: 2023-01-12 15:35:32 [error X 16][https://robr46.sg-host.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.8.1:3:769459] Cannot read properties of undefined (reading \'localized\') JS: 2023-01-12 16:03:22 [error X 2][https://robr46.sg-host.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.8.1:3:694254] T.getContainer is not a function JS: 2023-01-16 15:41:33 [error X 89][https://robr46.sg-host.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.1:2:51824] Cannot read properties of undefined (reading 'replace')

PHP: showing 3 of 3PHP: 2023-01-13 16:34:39 [notice X 1748][/home/customer/www/robr46.sg-host.com/public_html/wp-content/plugins/elementor/modules/dev-tools/deprecation.php::304] The $control_id argument is deprecated since version 3.5.0! [array ( 'trace' => '

0: Elementor\Core\Logger\Manager -> shutdown()

', )] PHP: 2023-01-13 16:42:54 [notice X 135][/home/customer/www/robr46.sg-host.com/public_html/wp-content/plugins/elementor/modules/dev-tools/deprecation.php::304] The $control_id argument is deprecated since version 3.5.0! [array ( 'trace' => '

0: Elementor\Core\Logger\Manager -> rest_error_handler()

1: /home/customer/www/robr46.sg-host.com/public_html/wp-content/plugins/elementor/modules/dev-tools/deprecation.php(304): class type trigger_error()

2: /home/customer/www/robr46.sg-host.com/public_html/wp-content/plugins/elementor/includes/managers/controls.php(523): Elementor\Modules\DevTools\Deprecation -> deprecated_argument()

3: /home/customer/www/robr46.sg-host.com/public_html/wp-content/plugins/elementor/includes/managers/controls.php(501): Elementor\Controls_Manager -> register()

4: /home/customer/www/robr46.sg-host.com/public_html/wp-content/plugins/custom-facebook-feed/inc/CFF_Elementor_Base.php(29): Elementor\Controls_Manager -> register_control()

', )] PHP: 2023-01-17 21:32:09 [notice X 3][/home/customer/www/robr46.sg-host.com/public_html/wp-content/plugins/elementor/core/common/modules/ajax/module.php::172] Undefined index: data [array ( 'trace' => '

0: Elementor\Core\Logger\Manager -> shutdown()

', )]

== Elementor - Compatibility Tag ==

Elementor Pro: Compatibility not specified
OoohBoi Steroids for Elementor: Compatibility not specified

== Elementor Pro - Compatibility Tag ==

lubosmasura commented 1 year ago

Same problem +1

mcrowell commented 1 year ago

@nicholaszein Any update on when this might get fixed?

hdchurchill commented 1 year ago

+1 same problem. this has been broken for a long time and it's time consuming

Nino-dev commented 1 year ago

Hi, I had this same issue but I solved it for myself.

My plugin versions were: Elementor: 3.11.1 Elementor Pro 3.11.1

I reinstalled the previous version of Elementor Pro 3.11.1 > 3.11.0 and this worked for me. Maybe you shouldn't have the same version of Pro as Elementor itself and always a more previous version.

So I ended up with: Elementor: 3.11.1 Elementor Pro 3.11.0

Hope this helps for some of you guys.

How to install previous version:

Elementor > Tools > Version Control

Jameshallsm commented 1 year ago

+1 Any Update on this one? Still having this issue.

Scythe-Kosiarz commented 1 year ago

Still not working properly. Very annoying. I wasted a bunch of time trying to fix it. Thanks for the hackfix with regenerate CSS. edit Now i'm using function

function clear_elementor_cache() { if ( did_action( 'elementor/loaded' ) ) { \Elementor\Plugin::instance()->files_manager->clear_cache(); } } add_action('post_updated', 'clear_elementor_cache');

and problem is gone.

ibrahimkholil commented 1 year ago

I had a similar problem with the Elementor and Elementor Pro, which did not generate CSS for mobile and tablet, how can we, solve this, anyone helps me on this. I had 100+ Elementor sites @Scythe-Kosiarz @mcrowell @Nino-dev

imithemes commented 1 year ago

Is there any fix coming for this problem?

4Sitam4 commented 1 year ago

+1 Same issue. I have it on 2 website now..

4Sitam4 commented 1 year ago

Alright, since yesterday i tried everything to fix this.

What worked for me was : Go to -> Elementor -> Settings -> Features

Disable ALL (Just click on the disable ALL btn at the top) Then Reactivated Flexbox Container, Grid Container, Menu, etc... Only if you use them ! After that the CSS for mobile and tablet should applied correctly. I reactivated every features one by one and find that the culprit was : Additional customised breakpoints

So yeah, if you dont use additional breakpoint juste keep it deactivated and you should be good.

Thank for Elementor support Team who make me redo this correctly. I rushed over it the first time.

imithemes commented 1 year ago

I tried the same but I don't think it's a complete solution. It sometimes works ok even with breakpoints feature active.

4Sitam4 commented 1 year ago

I tried the same but I don't think it's a complete solution. It sometimes works ok even with breakpoints feature active.

You dont need "Additional customised breakpoints" if you only use PC / Tablet / Mobile on your site. Those are the three default that you have even if you deactivated "Additional customised breakpoints".

So its a pretty good fix atm unless you use more then the three defaults breakpoints.