Sticky Header Effects for Elementor - Version 1.5.1

Version Description

= 1.5 = Fixed: Wordpress admin bar bug

= 1.5 = Fixed: Gap above header bug

= 1.4.9 = Added: Compatibility with Elementor Containers Maintenance: Wordpress 6.0 compatibility update

= 1.4.8 = Maintenance: Wordpress 5.9 compatibility update

= 1.4.7 = Fixed: Misc Bugs

= 1.4.6 = Fixed: Hide header bug

= 1.4.5 = Fixed: WP admin bar bug

= 1.4.4 = Maintenance: Wordpress 5.8 compatibility update Fixed: Header width bug Update: Better responsive Worspress admin bar handling

= 1.4.3 = Fixed: Full color logo after scroll bug

= 1.4.2 = Fixed: Bugs

= 1.4.1 = Fixed: Gap above header bug

= 1.4.0 = - Added: Wordpress 5.5 compatibility - Added: Elementor 3 compatibility - Added: Hide on scroll down feature - Added: Blur background feature - Added: Before and after scrolling logo color options - Fixed: Opera browser hash links not activating scrolling effects - Fixed: Editor handle bug - Fixed: All labels and descriptions to help with user operation - Fixed: Various code optimizations - Fixed: Transparent on mobile bug - Fixed: Stretched section broke transparent header

= 1.3.2 = - Fixed: Transition CSS

= 1.3.1 = - Fixed: Bugs

= 1.3.0 = - Added: Shrink Logo featured

= 1.2.3 = - Fixed: Hook on the new Elementor Pro 2.4.7 version

= 1.2.2 = - Removed: Stretched section condition

= 1.2.1 = - Added: Compatibility with the new Elementor 2.1.1 version - Fixed: JavaScript error

= 1.2.0 = Removed: Sticky Header feature(Elementor fixed theirs) Added: Transparent header feature Added: Compatibility with the new Elementor 2.1 version Added: Change javascript to external file Fixed: Bugs

= 1.1.2 = Bug fixes

= 1.1.1 = Bug fixes

= 1.1.0 = This version adds "Sticky Header" and "Bottom Border" options. The sticky feature will bring the section down and overlay it on top of the page. This eliminates the need for negative margins which causes page scrolling problems. The bottom border feature adds bottom border width and color options when user scrolls.

Download this release

Release Info

Developer rwattner
Plugin Icon 128x128 Sticky Header Effects for Elementor
Version 1.5.1
Comparing to
See all releases

Code changes from version 1.5 to 1.5.1

Files changed (3) hide show
  1. assets/css/she-header-style.css +26 -23
  2. readme.txt +10 -4
  3. sticky-header-effects-for-elementor.php +2 -2
assets/css/she-header-style.css CHANGED
@@ -12,14 +12,15 @@ Header Style
12
  /* added box shadow transition */
13
  .she-header-yes {
14
  width: 100%;
15
- -webkit-transition: all 0.4s ease-in-out, margin 0s, top 2s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
16
- transition: all 0.4s ease-in-out, margin 0s, top 2s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
17
- -o-transition: all 0.4s ease-in-out, margin 0s, box-shadow 0.4s ease-in-out !important, top 2s ease 0s;
18
- -webkit-transition: all 0.4s ease-in-out, margin 0s, top 2s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
19
- transition: all 0.4s ease-in-out, margin 0s, top 2s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
20
- transition: all 0.4s ease-in-out, margin 0s, box-shadow 0.4s ease-in-out !important, top 2s ease 0s;
21
- transition: all 0.4s ease-in-out, margin 0s, box-shadow 0.4s ease-in-out !important, top 2s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
22
- transition: all 0.4s ease-in-out, margin 0s, box-shadow 0.4s ease-in-out !important, top 2s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
 
23
  }
24
 
25
  /* added box shadow transition */
@@ -31,7 +32,7 @@ Header Style
31
  margin-bottom: 0;
32
  padding-top: 0;
33
  padding-bottom: 0;
34
- top: 0;
35
  -webkit-transition: background-color 0.4s ease-in-out, top 2s ease 0s, -webkit-transform 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
36
  transition: background-color 0.4s ease-in-out, top 2s ease 0s, -webkit-transform 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
37
  -o-transition: transform 0.4s ease-in-out, background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, top 2s ease 0s;
@@ -121,20 +122,6 @@ body:not(.elementor-editor-active) .she-header-transparent-yes {
121
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
122
  }
123
 
124
- .admin-bar .she-header-transparent-sticky-yes,
125
- .admin-bar .she-header-transparent-yes,
126
- .admin-bar .she-header {
127
- top: 32px;
128
- }
129
-
130
- @media screen and (max-width: 782px) {
131
- .admin-bar .she-header-transparent-sticky-yes,
132
- .admin-bar .she-header-transparent-yes,
133
- .admin-bar .she-header {
134
- top: 46px;
135
- }
136
- }
137
-
138
  .she-header.she-header-change-logo-image
139
  .elementor-widget-theme-site-logo
140
  img {
@@ -184,4 +171,20 @@ body:not(.elementor-editor-active) .she-header-transparent-yes {
184
  -webkit-transform: translate(-50%,-50%);
185
  -ms-transform: translate(-50%,-50%);
186
  transform: translate(-50%,-50%);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
187
  }
12
  /* added box shadow transition */
13
  .she-header-yes {
14
  width: 100%;
15
+ top: 0;
16
+ -webkit-transition: all 0.4s ease-in-out, margin 0s, top 0s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
17
+ transition: all 0.4s ease-in-out, margin 0s, top 0s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
18
+ -o-transition: all 0.4s ease-in-out, margin 0s, box-shadow 0.4s ease-in-out !important, top 0s ease 0s;
19
+ -webkit-transition: all 0.4s ease-in-out, margin 0s, top 0s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
20
+ transition: all 0.4s ease-in-out, margin 0s, top 0s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
21
+ transition: all 0.4s ease-in-out, margin 0s, box-shadow 0.4s ease-in-out !important, top 0s ease 0s;
22
+ transition: all 0.4s ease-in-out, margin 0s, box-shadow 0.4s ease-in-out !important, top 0s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
23
+ transition: all 0.4s ease-in-out, margin 0s, box-shadow 0.4s ease-in-out !important, top 0s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
24
  }
25
 
26
  /* added box shadow transition */
32
  margin-bottom: 0;
33
  padding-top: 0;
34
  padding-bottom: 0;
35
+ top: 0 !important;
36
  -webkit-transition: background-color 0.4s ease-in-out, top 2s ease 0s, -webkit-transform 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
37
  transition: background-color 0.4s ease-in-out, top 2s ease 0s, -webkit-transform 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
38
  -o-transition: transform 0.4s ease-in-out, background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, top 2s ease 0s;
122
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
123
  }
124
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
125
  .she-header.she-header-change-logo-image
126
  .elementor-widget-theme-site-logo
127
  img {
171
  -webkit-transform: translate(-50%,-50%);
172
  -ms-transform: translate(-50%,-50%);
173
  transform: translate(-50%,-50%);
174
+ }
175
+
176
+ /* .admin-bar .she-header-transparent-sticky-yes,
177
+ .admin-bar .she-header-transparent-yes,
178
+ .admin-bar .she-header-yes, */
179
+ .admin-bar .she-header {
180
+ top: 46px !important;
181
+ }
182
+
183
+ @media screen and (min-width: 783px) {
184
+ /* .admin-bar .she-header-transparent-sticky-yes,
185
+ .admin-bar .she-header-transparent-yes,
186
+ .admin-bar .she-header-yes, */
187
+ .admin-bar .she-header {
188
+ top: 32px !important;
189
+ }
190
  }
readme.txt CHANGED
@@ -6,7 +6,7 @@ Tags: Elementor, Elementor Page Builder, Elements, Elementor Add-ons, Add-ons, P
6
  Requires at least: 4.9.0
7
  Tested up to: 6.0
8
  Requires PHP: 5.4
9
- Stable tag: 1.5
10
  License: GPLv2 or later
11
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
 
@@ -91,7 +91,10 @@ Sticky Header Options for Elementor is light-weight and you can also use only th
91
 
92
  == Changelog ==
93
 
94
- = 1.4.9 =
 
 
 
95
  - Fixed: Gap above header bug
96
 
97
  = 1.4.9 =
@@ -181,8 +184,11 @@ Sticky Header Options for Elementor is light-weight and you can also use only th
181
 
182
  == Upgrade Notice ==
183
 
184
- = 1.4.9 =
185
- - Fixed: Gap above header bug
 
 
 
186
 
187
  = 1.4.9 =
188
  Added: Compatibility with Elementor Containers
6
  Requires at least: 4.9.0
7
  Tested up to: 6.0
8
  Requires PHP: 5.4
9
+ Stable tag: 1.5.1
10
  License: GPLv2 or later
11
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
 
91
 
92
  == Changelog ==
93
 
94
+ = 1.5 =
95
+ - Fixed: Wordpress admin bar bug
96
+
97
+ = 1.5 =
98
  - Fixed: Gap above header bug
99
 
100
  = 1.4.9 =
184
 
185
  == Upgrade Notice ==
186
 
187
+ = 1.5 =
188
+ Fixed: Wordpress admin bar bug
189
+
190
+ = 1.5 =
191
+ Fixed: Gap above header bug
192
 
193
  = 1.4.9 =
194
  Added: Compatibility with Elementor Containers
sticky-header-effects-for-elementor.php CHANGED
@@ -3,7 +3,7 @@
3
  * Plugin Name: Sticky Header Effects for Elementor
4
  * Plugin URI: https://stickyheadereffects.com
5
  * Description: Options and features that extend Elementor Pro's sticky header capabilities.
6
- * Version: 1.5
7
  * Author: Rwattner
8
  * Author URI: https://stickyheadereffects.com
9
  * Requires at least: 4.9.0
@@ -19,7 +19,7 @@
19
 
20
  if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
21
 
22
- define( 'SHE_HEADER_VERSION', '1.5' );
23
  define( 'SHE_HEADER_PREVIOUS_STABLE_VERSION', '1.4.8' );
24
 
25
  define( 'SHE_HEADER__FILE__', __FILE__ );
3
  * Plugin Name: Sticky Header Effects for Elementor
4
  * Plugin URI: https://stickyheadereffects.com
5
  * Description: Options and features that extend Elementor Pro's sticky header capabilities.
6
+ * Version: 1.5.1
7
  * Author: Rwattner
8
  * Author URI: https://stickyheadereffects.com
9
  * Requires at least: 4.9.0
19
 
20
  if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
21
 
22
+ define( 'SHE_HEADER_VERSION', '1.5.1' );
23
  define( 'SHE_HEADER_PREVIOUS_STABLE_VERSION', '1.4.8' );
24
 
25
  define( 'SHE_HEADER__FILE__', __FILE__ );