Fix issue — change private static $_default_breakpoints from 'lg' => 1024 to 'lg' => 1025

[Githubhem]

Hello!

You should change private static $_default_breakpoints from 'lg' => 1024 to 'lg' => 1025.
Now its 1024 and we have @media(max-width:1023px) for tablet, but we must have @media(max-width:1024px) for tablet.

includes/responsive.php 

private static $_default_breakpoints = [
		'xs' => 0,
		'sm' => 480,
		'md' => 768,
		'lg' => 1025,
	];

If you change private static $_default_breakpoints from 'lg' => 1024 to 'lg' => 1025 — all new pages will be working right — @media(max-width:1024px) for tablet.

Old pages still be @media(max-width:1023px). We must go to Elementor Tools and Regenerate CSS.

[arielk]

This is something that fixed in the past. Where do you see the that we use a width of 1023px?

[Githubhem]

Elementor uses 1023px in @media(max-width:1023px) for tablet. But must be @media(max-width:1024px). Here: http://relfy.ru

It happens because private static $_default_breakpoints = ['lg' => 1024,]; (responsive.php ).
Tablet "md" max = lg-1 ($screen-md-max: map_get($breakpoints, lg) - 1;)
And we have: 1024-1=1023 px.

If you change private static $_default_breakpoints from 'lg' => 1024 to 'lg' => 1025 — all new pages will be working right — @media(max-width:1024px) for tablet (1025 px -1 = 1024 px). Old pages still be @media(max-width:1023px). We must go to Elementor Tools and Regenerate CSS.

[arielk]

Fixed for the next version. Thanks for your feedback!