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.58k stars 1.42k forks source link

✅ 🐞 Bug Report: Typography Setting Not Working Correctly On The New Menu Widget #21628

Closed Yadley closed 1 year ago

Yadley commented 1 year ago

Prerequisites

Description

Screenshot 2023-03-11 221626

The typography control for the mega menu is only working on the first child of the menu item. The control does nothing to change the rest of the menu items or dropdowns. This, of course, causes design inconsistency in layout and is not desirable.

Reporting this to help make the new & powerful mega menu even more powerful. Great work!

Steps to reproduce

1) Use the new Menu widget - drag it into a container 2) Add at least two menu items - e.g Home, About, Services

  1. Try to change the font size of the menu items

Only the first item on the menu will be affected.

Screenshot 2023-03-11 221626

Isolating the problem

System Info

System Info ````txt == Server Environment == Operating System: Linux Software: Apache MySQL version: MariaDB Server v5.7.38 PHP Version: 7.4.33 PHP Memory Limit: 384M PHP Max Input Vars: 1000 PHP Max Post Size: 8M GD Installed: Yes ZIP Installed: Yes Write Permissions: All right Elementor Library: Connected == WordPress Environment == Version: 6.1.1 Site URL: https://creativeyadley.com/2023 Home URL: https://creativeyadley.com/2023 WP Multisite: No Max Upload Size: 8 MB Memory limit: 256M Max Memory limit: 768M Permalink Structure: /%postname%/ Language: en-US Timezone: 8 Admin Email: info@creativeyadley.com Debug Mode: Inactive == Theme == Name: Hello Elementor Version: 2.6.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/111.0.0.0 Safari/537.36 == Active Plugins == Advanced Custom Fields Version: 6.0.7 Author: WP Engine Elementor Version: 3.13.0-dev1 Author: Elementor.com Elementor Beta (Developer Edition) Version: 1.1.1 Author: Elementor.com Elementor Pro Version: 3.12.0-beta1 Author: Elementor.com Facebook for WooCommerce Version: 3.0.14 Author: Facebook Google Listings and Ads Version: 2.4.0 Author: WooCommerce MailerLite - WooCommerce integration Version: 1.8.3 Author: MailerLite Pinterest for WooCommerce Version: 1.2.14 Author: WooCommerce Rank Math SEO Version: 1.0.110 Author: Rank Math Rank Math SEO PRO Version: 3.0.6 Author: Rank Math Really Simple SSL Version: 6.2.2 Author: Really Simple Plugins Site Reviews Version: 6.6.0 Author: Paul Ryley Smush Version: 3.12.6 Author: WPMU DEV SSL Insecure Content Fixer Version: 2.7.2 Author: WebAware Sticky Header Effects for Elementor Version: 1.5.5 Author: Rwattner The Plus Addons for Elementor Version: 5.1.16 Author: POSIMYTH The Plus Addons for Elementor - Pro Version: 5.1.3 Author: POSIMYTH WooCommerce Version: 7.4.1 Author: Automattic WooCommerce Stripe Gateway Version: 7.2.0 Author: WooCommerce Wordfence Security Version: 7.9.1 Author: Wordfence == Must-Use Plugins == Local by Flywheel Live Link Helper Version: 1.1 Author: Flywheel == Elements Usage == footer : 2 container : 8 divider : 1 form : 1 icon-list : 3 image : 1 nav-menu : 4 nested-tabs : 1 social-icons : 1 text-editor : 1 tp-dark-mode : 1 header : 2 button : 1 container : 9 icon : 2 icon-list : 1 image : 3 mega-menu : 1 nav-menu : 2 search-form : 2 social-icons : 1 page : 12 button : 2 call-to-action : 16 container : 41 countdown : 1 divider : 3 heading : 18 icon-list : 13 image : 1 image-box : 4 lottie : 2 menu-anchor : 2 reviews : 1 social-icons : 1 spacer : 3 text-editor : 18 theme-post-content : 1 theme-site-logo : 1 toggle : 3 tp-woo-single-tabs : 1 video : 1 woocommerce-product-add-to-cart : 8 product : 3 button : 2 container : 34 divider : 3 heading : 1 icon-box : 6 image : 2 text-editor : 2 tp-breadcrumbs-bar : 3 tp-process-steps : 1 tp-product-listout : 3 tp-woo-single-basic : 3 tp-woo-single-image : 3 tp-woo-single-tabs : 3 woocommerce-product-add-to-cart : 3 woocommerce-product-price : 3 woocommerce-product-rating : 3 woocommerce-product-short-description : 3 single : 2 button : 5 facebook-comments : 1 heading : 5 icon-list : 1 share-buttons : 1 spacer : 1 star-rating : 1 tabs : 1 text-editor : 3 theme-post-featured-image : 1 theme-post-title : 1 wp-post : 0 container : 2 divider : 1 heading : 2 toggle : 1 wp-page : 18 animated-headline : 1 button : 13 container : 33 countdown : 1 divider : 3 form : 2 heading : 23 html : 5 icon-box : 3 icon-list : 1 image : 12 image-carousel : 1 loop-grid : 1 lottie : 3 reviews : 2 shortcode : 1 site_reviews : 1 social-icons : 1 spacer : 2 text-editor : 15 text-path : 1 toggle : 6 tp-breadcrumbs-bar : 1 tp-process-steps : 1 tp-product-listout : 1 tp_advertisement_banner : 3 woocommerce-checkout-page : 1 woocommerce-purchase-summary : 1 single-post : 1 heading : 6 icon : 1 icon-box : 3 image : 1 post-info : 3 text-editor : 3 theme-post-content : 1 theme-post-featured-image : 1 theme-post-title : 1 product-archive : 3 button : 3 call-to-action : 2 container : 29 divider : 1 html : 2 icon-box : 3 icon-list : 2 image : 23 text-editor : 2 toggle : 2 tp-breadcrumbs-bar : 1 tp-product-listout : 3 tp-woo-single-basic : 1 tp-woo-single-image : 1 tp-woo-single-tabs : 1 woocommerce-product-add-to-cart : 1 woocommerce-product-price : 1 woocommerce-product-rating : 1 woocommerce-product-short-description : 1 loop-item : 2 button : 2 container : 8 icon : 1 icon-list : 2 theme-post-featured-image : 2 tp-social-sharing : 3 == Settings == cpt_support: post, page disable_color_schemes: yes disable_typography_schemes: yes allow_tracking: yes editor_break_lines: 1 unfiltered_files_upload: 1 load_fa4_shim: yes == Features == Custom Fonts: 1 Custom Icons: 0 == Integrations == woocommerce: Active == Elementor Experiments == Optimized DOM Output: Active Improved Asset Loading: Active by default Improved CSS Loading: Active by default Inline Font Icons: Active by default Accessibility Improvements: Active Additional Custom Breakpoints: Active by default admin_menu_rearrangement: Inactive by default Flexbox Container: Active Upgrade Swiper Library: Active by default Default to New Theme Builder: Active by default Hello Theme Header & Footer: Active by default Editor Top Bar: Active Landing Pages: Inactive Nested Elements: Active Lazy Load Background Images: Inactive by default Page Transitions: Active by default Notes: Inactive Loop: Active Scroll Snap: Active by default Menu: Active == Log == JS: showing 15 of 15JS: 2023-03-02 07:08:29 [error X 1][https://creativeyadley.com/2023/wp-includes/js/jquery/jquery.min.js?ver=3.6.1:2:40879] Cannot create property 'guid' on string 'c70widgetsticky' JS: 2023-03-02 07:08:29 [error X 1][https://creativeyadley.com/2023/wp-includes/js/jquery/jquery.min.js?ver=3.6.1:2:40879] Cannot create property 'guid' on string 'c74widgetsticky' JS: 2023-03-02 07:08:29 [error X 1][https://creativeyadley.com/2023/wp-includes/js/jquery/jquery.min.js?ver=3.6.1:2:40879] Cannot create property 'guid' on string 'c78widgetsticky' JS: 2023-03-02 07:08:29 [error X 1][https://creativeyadley.com/2023/wp-includes/js/jquery/jquery.min.js?ver=3.6.1:2:40879] Cannot create property 'guid' on string 'c82widgetsticky' JS: 2023-03-02 07:08:29 [error X 1][https://creativeyadley.com/2023/wp-includes/js/jquery/jquery.min.js?ver=3.6.1:2:40879] Cannot create property 'guid' on string 'c89widgetsticky' JS: 2023-03-02 07:08:29 [error X 2][https://creativeyadley.com/2023/wp-includes/js/jquery/jquery.min.js?ver=3.6.1:2:40879] Cannot create property 'guid' on string 'c100widgetsticky' JS: 2023-03-02 07:08:29 [error X 3][https://creativeyadley.com/2023/wp-includes/js/jquery/jquery.min.js?ver=3.6.1:2:40879] Cannot create property 'guid' on string 'c109widgetsticky' JS: 2023-03-02 07:08:29 [error X 5][https://creativeyadley.com/2023/wp-includes/js/jquery/jquery.min.js?ver=3.6.1:2:40879] Cannot create property 'guid' on string 'c121widgetsticky' JS: 2023-03-02 10:04:29 [error X 6][https://creativeyadley.com/2023/wp-admin/load-scripts.php?c=1&loadchunk_0=underscore,jquery-core,jquery-migrate,backbone,jquery-ui-core,jquery-ui-mouse,wp-api-request,regenerator-runtime,wp-polyfill,wp-&loadchunk_1=hooks&ver=6.1.1:4:51824] Cannot read properties of undefined (reading 'replace') JS: 2023-03-04 10:10:00 [error X 2][https://creativeyadley.com/2023/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.11.2:3:791161] Cannot read properties of undefined (reading 'toLowerCase') JS: 2023-03-04 11:32:49 [error X 1][https://creativeyadley.com/2023/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=3.11.3:1:1162] Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'. JS: 2023-03-11 12:21:19 [error X 9][https://creativeyadley.com/2023/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.13.0-dev1:3:785342] Cannot read properties of undefined (reading 'localized') JS: 2023-03-11 12:51:49 [error X 9][https://creativeyadley.com/2023/wp-content/plugins/elementor/assets/js/df16c9d56464dd4f0800.bundle.min.js:2:7826] Cannot read properties of null (reading 'dataset') JS: 2023-03-11 13:04:32 [error X 1][https://creativeyadley.com/2023/wp-includes/js/jquery/jquery.min.js?ver=3.6.1:2:40879] Cannot create property 'guid' on string 'c106widgetsticky' JS: 2023-03-11 13:07:05 [error X 2][https://creativeyadley.com/2023/wp-includes/js/jquery/jquery.min.js?ver=3.6.1:2:40879] Cannot create property 'guid' on string 'c118widgetsticky' PHP: showing 6 of 6PHP: 2023-03-02 15:50:48 [notice X 6][/home/creativeyadley/public_html/2023/wp-content/plugins/elementor/app/modules/import-export/module.php::629] Trying to get property 'label' of non-object [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-03-02 15:50:49 [notice X 5][/home/creativeyadley/public_html/2023/wp-content/plugins/elementor/core/common/modules/ajax/module.php::175] Undefined index: data [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-03-02 15:50:51 [notice X 10][/home/creativeyadley/public_html/2023/wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php::150] Undefined index: condition_type [array ( 'trace' => ' #0: /home/creativeyadley/public_html/2023/wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(150): Elementor\Core\Logger\Manager -> rest_error_handler() #1: ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> normalize_template_json_item() #2: /home/creativeyadley/public_html/2023/wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(120): class type array_map() #3: /home/creativeyadley/public_html/2023/wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(59): ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> normalize_templates_json() #4: /home/creativeyadley/public_html/2023/wp-content/plugins/elementor/data/base/endpoint.php(158): ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> get_items() ', )] PHP: 2023-03-04 17:44:46 [notice X 3][/home/creativeyadley/public_html/2023/wp-content/plugins/elementor-pro/modules/dynamic-tags/acf/tags/acf-url.php::34] Undefined offset: 1 [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-03-07 22:18:06 [warning X 12][/home/creativeyadley/public_html/2023/wp-content/plugins/elementor/core/files/manager.php::111] unlink(/home/creativeyadley/public_html/2023/wp-content/uploads/elementor/css/min): Is a directory [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-03-11 21:04:31 [notice X 1][/home/creativeyadley/public_html/2023/wp-content/plugins/elementor/includes/managers/image.php::108] Trying to access array offset on value of type bool [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] Log: showing 20 of 212023-03-07 22:18:05 [info] Elementor/Upgrades - _on_each_version Start 2023-03-07 22:18:05 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor', 'from' => '3.11.2', 'to' => '3.11.3', )] 2023-03-07 22:18:06 [info] Elementor/Upgrades - _on_each_version Finished 2023-03-07 22:18:06 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.11.2', 'to' => '3.11.3', )] 2023-03-08 09:09:46 [info] elementor-pro::elementor_pro_updater Started 2023-03-08 09:09:46 [info] Elementor Pro/Upgrades - _on_each_version Start 2023-03-08 09:09:46 [info] Elementor Pro/Upgrades - _on_each_version Finished 2023-03-08 09:09:46 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.11.3', 'to' => '3.11.4', )] 2023-03-08 09:09:47 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.11.3', 'to' => '3.11.4', )] 2023-03-10 00:05:28 [info] elementor::elementor_updater Started 2023-03-10 00:05:28 [info] Elementor/Upgrades - _on_each_version Start 2023-03-10 00:05:28 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor', 'from' => '3.11.3', 'to' => '3.13.0-dev1', )] 2023-03-10 00:05:29 [info] Elementor/Upgrades - _on_each_version Finished 2023-03-10 00:05:29 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.11.3', 'to' => '3.13.0-dev1', )] 2023-03-10 00:13:49 [info] elementor-pro::elementor_pro_updater Started 2023-03-10 00:13:49 [info] Elementor Pro/Upgrades - _on_each_version Start 2023-03-10 00:13:49 [info] Elementor Pro/Upgrades - _on_each_version Finished 2023-03-10 00:13:49 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.11.4', 'to' => '3.12.0-beta1', )] 2023-03-10 00:13:49 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.11.4', 'to' => '3.12.0-beta1', )] 2023-03-10 00:13:50 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.11.4', 'to' => '3.12.0-beta1', ) == Elementor - Compatibility Tag == Elementor Pro: Incompatible Sticky Header Effects for Elementor: Compatibility not specified The Plus Addons for Elementor: Incompatible The Plus Addons for Elementor - Pro: Incompatible == Elementor Pro - Compatibility Tag == The Plus Addons for Elementor: Incompatible The Plus Addons for Elementor - Pro: Incompatible ````
doronwolf commented 1 year ago

Hi @Yadley did you give links to some of your menu items and do you have in site settings > theme style > typography > links any style applied

nicholaszein commented 1 year ago

Hello @Yadley,

can you try something for us? Go to your WordPress Dashboard > Elementor > Settings > Features and turn off the Improved CSS Loading experiment.

Let us know if the issue goes away! 🙏

Yadley commented 1 year ago

I am not sure the magic you worked, but the typography now works correctly, even with the Dashboard > Elementor > Settings > Features > Improved CSS Loading enabled.

Here is a quick video screenshot.

https://user-images.githubusercontent.com/29999182/225188691-e93703f8-ff47-4066-8382-eb2123924be4.mp4

Thank you @nicholaszein and @doronwolf for chiming in 😊

nicholaszein commented 1 year ago

@Yadley, great to hear that! It means your issue was caused by cache. By deactivating the experiment you triggered the cache to be cleared.

It seems you have cache being applied to wp-admin/logged-in users. I suggest you take a look at your cache settings and see if you "an disable this option. It will interfere in your builds.

nicholaszein commented 1 year ago

Hello there!

We have great news! 🙌

📢 We're happy to announce that the issue you raised was resolved in Elementor v3.12! 🥳

✅ Feel free to check it out and update your plugin to the new version!

Cheers 🥂