Version Description
= 1.4 = - 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.
Release Info
Developer | rwattner |
Plugin | Sticky Header Effects for Elementor |
Version | 1.4.0 |
Comparing to | |
See all releases |
Code changes from version 1.4.2 to 1.4.0
- assets/css/she-header-style.css +104 -13
- assets/js/she-header.js +173 -0
- readme.txt +182 -15
- sticky-header-effects-for-elementor.php +3 -3
@@ -1,3 +1,4 @@
|
|
|
|
1 |
/*------------------------------------------------------------------
|
2 |
|
3 |
Header Style
|
@@ -15,18 +16,24 @@ Header Style
|
|
15 |
}
|
16 |
|
17 |
.she-header-yes {
|
18 |
-
|
19 |
-
-
|
20 |
-
-
|
21 |
-
-
|
22 |
-
|
23 |
}
|
24 |
|
25 |
-
.
|
26 |
-
|
27 |
}
|
28 |
|
29 |
.she-header {
|
|
|
|
|
|
|
|
|
|
|
|
|
30 |
z-index: 9999;
|
31 |
width: 100%;
|
32 |
margin-top: 0;
|
@@ -36,11 +43,6 @@ Header Style
|
|
36 |
position: -webkit-sticky;
|
37 |
position: fixed !important;
|
38 |
top: 0 !important;
|
39 |
-
-webkit-transform: all 0.4 sease-in-out, height 0.4s ease-in-out, background-color 0.4s ease-in-out, border-bottom-width 0.4s ease-in-out, border-bottom-color 0.4s ease-in-out !important;
|
40 |
-
-moz-transform: all 0.4 sease-in-out, height 0.4s ease-in-out, background-color 0.4s ease-in-out, border-bottom-width 0.4s ease-in-out, border-bottom-color 0.4s ease-in-out !important;
|
41 |
-
-ms-transform: all 0.4 sease-in-out, height 0.4s ease-in-out, background-color 0.4s ease-in-out, border-bottom-width 0.4s ease-in-out, border-bottom-color 0.4s ease-in-out !important;
|
42 |
-
-o-transform: all 0.4 sease-in-out, height 0.4s ease-in-out, background-color 0.4s ease-in-out, border-bottom-width 0.4s ease-in-out, border-bottom-color 0.4s ease-in-out !important;
|
43 |
-
transform: all 0.4 sease-in-out, height 0.4s ease-in-out, background-color 0.4s ease-in-out, border-bottom-width 0.4s ease-in-out, border-bottom-color 0.4s ease-in-out !important;
|
44 |
}
|
45 |
|
46 |
.she-header-transparent-yes {
|
@@ -108,4 +110,93 @@ Header Style
|
|
108 |
|
109 |
/* .elementor-document-handle {
|
110 |
z-index: 9999999999999 !important;
|
111 |
-
} */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<<<<<<< .mine
|
2 |
/*------------------------------------------------------------------
|
3 |
|
4 |
Header Style
|
16 |
}
|
17 |
|
18 |
.she-header-yes {
|
19 |
+
transition: all 0.4s ease-in-out;
|
20 |
+
-webkit-transition: all 0.4s ease-in-out;
|
21 |
+
-moz-transition: all 0.4s ease-in-out;
|
22 |
+
-ms-transition: all 0.4s ease-in-out;
|
23 |
+
-o-transition: all 0.4s ease-in-out;
|
24 |
}
|
25 |
|
26 |
+
.logged-in .she-header {
|
27 |
+
top: 32px !important;
|
28 |
}
|
29 |
|
30 |
.she-header {
|
31 |
+
-webkit-transition: transform 0.4s ease-in-out !important;
|
32 |
+
-o-transition: transform 0.4s ease-in-out !important;
|
33 |
+
-webkit-transition: -webkit-transform 0.4s ease-in-out !important;
|
34 |
+
transition: -webkit-transform 0.4s ease-in-out !important;
|
35 |
+
transition: transform 0.4s ease-in-out !important;
|
36 |
+
transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out !important;
|
37 |
z-index: 9999;
|
38 |
width: 100%;
|
39 |
margin-top: 0;
|
43 |
position: -webkit-sticky;
|
44 |
position: fixed !important;
|
45 |
top: 0 !important;
|
|
|
|
|
|
|
|
|
|
|
46 |
}
|
47 |
|
48 |
.she-header-transparent-yes {
|
110 |
|
111 |
/* .elementor-document-handle {
|
112 |
z-index: 9999999999999 !important;
|
113 |
+
} */
|
114 |
+
||||||| .r0
|
115 |
+
=======
|
116 |
+
/*------------------------------------------------------------------
|
117 |
+
|
118 |
+
Header Style
|
119 |
+
|
120 |
+
-------------------------------------------------------------------*/
|
121 |
+
|
122 |
+
.header {
|
123 |
+
|
124 |
+
z-index:99;
|
125 |
+
|
126 |
+
width: 100%;
|
127 |
+
|
128 |
+
|
129 |
+
|
130 |
+
}
|
131 |
+
|
132 |
+
|
133 |
+
|
134 |
+
.she-header{
|
135 |
+
|
136 |
+
background-color: rgba(255, 255, 255, 0.5);
|
137 |
+
|
138 |
+
z-index:99;
|
139 |
+
|
140 |
+
width: 100%;
|
141 |
+
|
142 |
+
margin-top:0;
|
143 |
+
|
144 |
+
margin-bottom:0;
|
145 |
+
|
146 |
+
padding-top:0;
|
147 |
+
|
148 |
+
padding-bottom:0;
|
149 |
+
|
150 |
+
position:fixed;
|
151 |
+
|
152 |
+
top:0;
|
153 |
+
|
154 |
+
-webkit-transition: all 0.4s ease-in-out;
|
155 |
+
|
156 |
+
-moz-transition: all 0.4s ease-in-out;
|
157 |
+
|
158 |
+
-o-transition: all 0.4s ease-in-out;
|
159 |
+
|
160 |
+
-ms-transition: all 0.4s ease-in-out;
|
161 |
+
|
162 |
+
transition: all 0.4s ease-in-out;
|
163 |
+
|
164 |
+
|
165 |
+
|
166 |
+
}
|
167 |
+
|
168 |
+
|
169 |
+
|
170 |
+
.she-header-transparent-yes{
|
171 |
+
|
172 |
+
position:fixed;
|
173 |
+
|
174 |
+
background-color: rbga(0,0,0,0) !important;
|
175 |
+
|
176 |
+
z-index: 99;
|
177 |
+
|
178 |
+
width: 100%;
|
179 |
+
|
180 |
+
-webkit-transition: all 0.4s ease-in-out;
|
181 |
+
|
182 |
+
-moz-transition: all 0.4s ease-in-out;
|
183 |
+
|
184 |
+
-o-transition: all 0.4s ease-in-out;
|
185 |
+
|
186 |
+
-ms-transition: all 0.4s ease-in-out;
|
187 |
+
|
188 |
+
transition: all 0.4s ease-in-out;
|
189 |
+
|
190 |
+
}
|
191 |
+
|
192 |
+
|
193 |
+
|
194 |
+
.elementor-editor-active .she-header-transparent-yes {
|
195 |
+
|
196 |
+
position:relative;
|
197 |
+
|
198 |
+
}
|
199 |
+
|
200 |
+
|
201 |
+
|
202 |
+
>>>>>>> .r2384685
|
@@ -235,3 +235,176 @@ function sheHeader() {
|
|
235 |
}
|
236 |
|
237 |
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
235 |
}
|
236 |
|
237 |
};
|
238 |
+
||||||| .r0
|
239 |
+
=======
|
240 |
+
var $j = jQuery.noConflict();
|
241 |
+
|
242 |
+
$j( window ).on( 'load', function() {
|
243 |
+
"use strict";
|
244 |
+
// She header
|
245 |
+
sheHeader();
|
246 |
+
} );
|
247 |
+
|
248 |
+
|
249 |
+
/* ==============================================
|
250 |
+
HEADER EFFECTS
|
251 |
+
============================================== */
|
252 |
+
|
253 |
+
|
254 |
+
function sheHeader() {
|
255 |
+
|
256 |
+
var header = $j('.she-header-yes'),
|
257 |
+
container = $j('.she-header-yes .elementor-container'),
|
258 |
+
header_elementor = $j('.elementor-edit-mode .she-header-yes'),
|
259 |
+
header_logo = $j('.she-header-yes .elementor-container img'),
|
260 |
+
data_settings = header.data('settings');
|
261 |
+
|
262 |
+
if ( typeof data_settings != 'undefined' ) {
|
263 |
+
var responsive_settings = data_settings["transparent_on"];
|
264 |
+
var width = $j(window).width(),
|
265 |
+
header_height= header.height(),
|
266 |
+
logo_width = header_logo.width(),
|
267 |
+
logo_height = header_logo.height() ;
|
268 |
+
}
|
269 |
+
|
270 |
+
// Check responsive is enabled
|
271 |
+
if( typeof width != 'undefined' && width) {
|
272 |
+
if( width >= 1025 ) {
|
273 |
+
var enabled = "desktop";
|
274 |
+
}else if (width > 767 && width < 1025 ) {
|
275 |
+
var enabled = "tablet";
|
276 |
+
}else if (width <= 767 ) {
|
277 |
+
var enabled = "mobile";
|
278 |
+
}
|
279 |
+
}
|
280 |
+
|
281 |
+
console.log($j.inArray(enabled, responsive_settings));
|
282 |
+
|
283 |
+
|
284 |
+
if ($j.inArray(enabled, responsive_settings)!='-1') {
|
285 |
+
// height shrink
|
286 |
+
|
287 |
+
var scroll_distance = data_settings["scroll_distance"];
|
288 |
+
var transparent_header = data_settings["transparent_header_show"];
|
289 |
+
var background = data_settings["background"];
|
290 |
+
var bottom_border_color = data_settings["custom_bottom_border_color"],
|
291 |
+
bottom_border_view = data_settings["bottom_border"],
|
292 |
+
bottom_border_width = data_settings["custom_bottom_border_width"];
|
293 |
+
|
294 |
+
var shrink_header = data_settings["shrink_header"],
|
295 |
+
data_height = data_settings["custom_height_header"],
|
296 |
+
data_height_tablet = data_settings["custom_height_header_tablet"],
|
297 |
+
data_height_mobile = data_settings["custom_height_header_mobile"];
|
298 |
+
|
299 |
+
var shrink_logo = data_settings["shrink_header_logo"],
|
300 |
+
data_logo_height = data_settings["custom_height_header_logo"],
|
301 |
+
data_logo_height_tablet = data_settings["custom_height_header_logo_tablet"],
|
302 |
+
data_logo_height_mobile = data_settings["custom_height_header_logo_mobile"];
|
303 |
+
|
304 |
+
// header height shrink
|
305 |
+
if( typeof data_height != 'undefined' && data_height) {
|
306 |
+
if( width >= 1025 ) {
|
307 |
+
var shrink_height = data_height["size"];
|
308 |
+
}else if (width > 767 && width < 1025 ) {
|
309 |
+
var shrink_height = data_height_tablet["size"];
|
310 |
+
if(shrink_height == ''){
|
311 |
+
shrink_height = data_height["size"];
|
312 |
+
}
|
313 |
+
}else if (width <= 767 ) {
|
314 |
+
var shrink_height = data_height_mobile["size"];
|
315 |
+
if(shrink_height == ''){
|
316 |
+
shrink_height = data_height["size"];
|
317 |
+
}
|
318 |
+
}
|
319 |
+
}
|
320 |
+
|
321 |
+
// logo height shrink
|
322 |
+
|
323 |
+
if( typeof data_logo_height != 'undefined' && data_logo_height) {
|
324 |
+
if( width >= 1025 ) {
|
325 |
+
|
326 |
+
var shrink_logo_height = data_logo_height["size"];
|
327 |
+
if(shrink_logo_height == ''){
|
328 |
+
shrink_logo_height = shrink_height;
|
329 |
+
}
|
330 |
+
var percent = parseInt(shrink_logo_height)/parseInt(header_height),
|
331 |
+
width = logo_width*percent,
|
332 |
+
height = logo_height*percent;
|
333 |
+
|
334 |
+
}else if (width > 767 && width < 1025 ) {
|
335 |
+
|
336 |
+
var shrink_logo_height = data_logo_height_tablet["size"];
|
337 |
+
if(shrink_logo_height == ''){
|
338 |
+
shrink_logo_height = data_logo_height["size"];
|
339 |
+
if(shrink_logo_height == ''){
|
340 |
+
shrink_logo_height = shrink_height;
|
341 |
+
}
|
342 |
+
}
|
343 |
+
var percent = parseInt(shrink_logo_height)/parseInt(header_height),
|
344 |
+
width = logo_width*percent,
|
345 |
+
height = logo_height*percent;
|
346 |
+
|
347 |
+
}else if (width <= 767 ) {
|
348 |
+
|
349 |
+
var shrink_logo_height = data_logo_height_mobile["size"];
|
350 |
+
if(shrink_logo_height == ''){
|
351 |
+
shrink_logo_height = data_logo_height["size"];
|
352 |
+
if(shrink_logo_height == ''){
|
353 |
+
shrink_logo_height = shrink_height;
|
354 |
+
}
|
355 |
+
}
|
356 |
+
|
357 |
+
var percent = parseInt(shrink_logo_height)/parseInt(header_height),
|
358 |
+
width = logo_width*percent,
|
359 |
+
height = logo_height*percent;
|
360 |
+
}
|
361 |
+
}
|
362 |
+
|
363 |
+
// border bottom
|
364 |
+
if( typeof bottom_border_width != 'undefined' && bottom_border_width) {
|
365 |
+
var bottom_border = bottom_border_width["size"] + "px solid " + bottom_border_color;
|
366 |
+
}
|
367 |
+
|
368 |
+
// scroll function
|
369 |
+
$j(window).scroll(function() {
|
370 |
+
var scroll = $j(window).scrollTop();
|
371 |
+
|
372 |
+
if (header_elementor) {
|
373 |
+
header_elementor.css("position", "relative");
|
374 |
+
}
|
375 |
+
|
376 |
+
if (scroll >= scroll_distance["size"]) {
|
377 |
+
header.removeClass('header').addClass("she-header");
|
378 |
+
header.css("background-color", background);
|
379 |
+
header.css("border-bottom", bottom_border);
|
380 |
+
header.removeClass('she-header-transparent-yes');
|
381 |
+
|
382 |
+
if( shrink_header == "yes" ) {
|
383 |
+
header.css({"padding-top":"0", "padding-bottom":"0", "margin-top":"0", "margin-bottom":"0"});
|
384 |
+
container.css({"min-height": shrink_height, "transition": "all 0.4s ease-in-out", "-webkit-transition": "all 0.4s ease-in-out", "-moz-transition": "all 0.4s ease-in-out"});
|
385 |
+
|
386 |
+
}
|
387 |
+
|
388 |
+
if( shrink_logo == "yes" ) {
|
389 |
+
header_logo.css({"width": width, "transition": "all 0.4s ease-in-out", "-webkit-transition": "all 0.4s ease-in-out", "-moz-transition": "all 0.4s ease-in-out"});
|
390 |
+
|
391 |
+
}
|
392 |
+
|
393 |
+
} else {
|
394 |
+
header.removeClass("she-header").addClass('header');
|
395 |
+
header.css("background-color", "");
|
396 |
+
header.css("border-bottom", "");
|
397 |
+
|
398 |
+
if(transparent_header == "yes" ){
|
399 |
+
header.addClass('she-header-transparent-yes');
|
400 |
+
}
|
401 |
+
if( shrink_header == "yes" ) {
|
402 |
+
header.css({"padding-top":"", "padding-bottom":"", "margin-top":"", "margin-bottom":""});
|
403 |
+
container.css("min-height", "");
|
404 |
+
}
|
405 |
+
if( shrink_logo == "yes" ) {
|
406 |
+
header_logo.css({"height":"", "width":""});
|
407 |
+
}
|
408 |
+
}
|
409 |
+
});
|
410 |
+
}
|
@@ -1,3 +1,4 @@
|
|
|
|
1 |
=== Sticky Header Effects for Elementor ===
|
2 |
|
3 |
Contributors: rwattner, dgovea
|
@@ -6,7 +7,7 @@ Tags: Elementor, Elementor Page Builder, Elements, Elementor Add-ons, Add-ons, P
|
|
6 |
Requires at least: 4.9.0
|
7 |
Tested up to: 5.5
|
8 |
Requires PHP: 5.4
|
9 |
-
Stable tag: 1.4
|
10 |
License: GPLv2 or later
|
11 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
12 |
|
@@ -91,13 +92,7 @@ Sticky Header Options for Elementor is light-weight and you can also use only th
|
|
91 |
|
92 |
== Changelog ==
|
93 |
|
94 |
-
= 1.4
|
95 |
-
Fixed: Bugs
|
96 |
-
|
97 |
-
= 1.4.1 =
|
98 |
-
Fixed: Gap above header bug
|
99 |
-
|
100 |
-
= 1.4.0 =
|
101 |
- Added: Wordpress 5.5 compatibility
|
102 |
- Added: Elementor 3 compatibility
|
103 |
- Added: Hide on scroll down feature
|
@@ -154,13 +149,7 @@ Fixed: Gap above header bug
|
|
154 |
|
155 |
== Upgrade Notice ==
|
156 |
|
157 |
-
= 1.4
|
158 |
-
Fixed: Bugs
|
159 |
-
|
160 |
-
= 1.4.1 =
|
161 |
-
Fixed: Gap above header bug
|
162 |
-
|
163 |
-
= 1.4.0 =
|
164 |
- Added: Wordpress 5.5 compatibility
|
165 |
- Added: Elementor 3 compatibility
|
166 |
- Added: Hide on scroll down feature
|
@@ -214,3 +203,181 @@ The bottom border feature adds bottom border width and color options when user s
|
|
214 |
Enjoy using *Sticky Header Effects*? Please consider making a **[donation](https://www.paypal.me/StickyHeaderEffects)**
|
215 |
Every donation helps the continued development, maintenance, and support for this plugin.
|
216 |
**Thank you very much your support!**
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<<<<<<< .mine
|
2 |
=== Sticky Header Effects for Elementor ===
|
3 |
|
4 |
Contributors: rwattner, dgovea
|
7 |
Requires at least: 4.9.0
|
8 |
Tested up to: 5.5
|
9 |
Requires PHP: 5.4
|
10 |
+
Stable tag: 1.4
|
11 |
License: GPLv2 or later
|
12 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
13 |
|
92 |
|
93 |
== Changelog ==
|
94 |
|
95 |
+
= 1.4 =
|
|
|
|
|
|
|
|
|
|
|
|
|
96 |
- Added: Wordpress 5.5 compatibility
|
97 |
- Added: Elementor 3 compatibility
|
98 |
- Added: Hide on scroll down feature
|
149 |
|
150 |
== Upgrade Notice ==
|
151 |
|
152 |
+
= 1.4 =
|
|
|
|
|
|
|
|
|
|
|
|
|
153 |
- Added: Wordpress 5.5 compatibility
|
154 |
- Added: Elementor 3 compatibility
|
155 |
- Added: Hide on scroll down feature
|
203 |
Enjoy using *Sticky Header Effects*? Please consider making a **[donation](https://www.paypal.me/StickyHeaderEffects)**
|
204 |
Every donation helps the continued development, maintenance, and support for this plugin.
|
205 |
**Thank you very much your support!**
|
206 |
+
||||||| .r0
|
207 |
+
=======
|
208 |
+
=== Sticky Header Effects for Elementor ===
|
209 |
+
|
210 |
+
Contributors: rwattner, dgovea
|
211 |
+
Donate Link: https://www.paypal.me/StickyHeaderEffects
|
212 |
+
Tags: Elementor, Elementor Page Builder, Elements, Elementor Add-ons, Add-ons, Page Builder, Widgets, Briefcasewp
|
213 |
+
Requires at least: 4.9.0
|
214 |
+
Tested up to: 5.2.2
|
215 |
+
Requires PHP: 5.4
|
216 |
+
Stable tag: 1.3.2
|
217 |
+
License: GPLv2 or later
|
218 |
+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
219 |
+
|
220 |
+
Options and features that extend Elementor Pro's sticky header capabilities.
|
221 |
+
|
222 |
+
== Description ==
|
223 |
+
|
224 |
+
Sticky Header Effects for Elementor adds useful options that are missing from the "sticky" header feature introduced in Elementor Pro 2.0. Giving users the option to change the background color and height when the visitor starts scrolling down the page. This allows for a "transparent" menu effect that can become any color, semi-transparent or solid, once the visitor begins to scroll.
|
225 |
+
|
226 |
+
This plugin is cross-browser compatible and fully responsive. Meaning it will work on all browsers as well as tablets and mobile devices.
|
227 |
+
|
228 |
+
This plugin is meant to be an add-on to Elementor Pro page builder as it's not a standalone plugin.
|
229 |
+
|
230 |
+
### Features
|
231 |
+
|
232 |
+
* Options panel built-in to Elementor Pro's advanced section options. - Settings are right where they should be without cluttering up your workspace.
|
233 |
+
* Apply options on scrolling - The scrolling distance for the Sticky Header Effects to be applied is responsively adjustable for the best results in any situation.
|
234 |
+
* Transparent Header - Uses position to move header section down on top of the page. No need for problem causing negative margins.
|
235 |
+
* Header Background - Color options for header after scrolling with full HEX, RGBA, and Color Name support.
|
236 |
+
* Bottom Border - Allows user to change the color and thickness of the bottom border upon scrolling.
|
237 |
+
* Shrink - An effect which changes section min-height to maximize space and achieve a slim style without losing functionality.
|
238 |
+
(Remember that the "shrink" effect is limited by the height and padding of the header content. See the F.A.Q.)
|
239 |
+
* Shrink Logo - Ability to adjust the logo height after scrolling
|
240 |
+
|
241 |
+
### Pro Features Coming Soon
|
242 |
+
|
243 |
+
* Replace logo - Change logo image entirely
|
244 |
+
* Entrance animations - Slide-in and fade-in animations with animation duration
|
245 |
+
* Hide elements - Hide or show header elements after scrolling
|
246 |
+
* Box shadow - Add or remove box shadow effect upon scrolling with color, horizontal, vertical, blur, and spread controls
|
247 |
+
* Menu toggle animations - Entrance and exit animations for the mobile hamburger menu
|
248 |
+
* Split menu - Menus that will split to allow center logo
|
249 |
+
|
250 |
+
== Installation ==
|
251 |
+
|
252 |
+
= Minimum Requirements =
|
253 |
+
* WordPress 4.9 or greater
|
254 |
+
* PHP version 5.4 or greater
|
255 |
+
* MySQL version 5.0 or greater
|
256 |
+
|
257 |
+
= Installation Instructions =
|
258 |
+
- Make sure that you have installed Elementor Pro Page Builder. This is not a stand-alone plugin and ONLY works with Elementor Pro.
|
259 |
+
- Install the plugin through the WordPress plugins screen directly or download the plugin and upload it to the plugin folder: /wp-content/plugins/.
|
260 |
+
- Activate the plugin through the installation screen or the "Plugins" screen in WordPress
|
261 |
+
- You can find Sticky Header Options for Elementor under a sections "Advanced" tab, directly under "Sticky Effect".
|
262 |
+
|
263 |
+
== Frequently Asked Questions ==
|
264 |
+
|
265 |
+
= Why isn't the "shrink" effect working? =
|
266 |
+
|
267 |
+
The header cannot shrink smaller than the objects inside of it!
|
268 |
+
|
269 |
+
The "shrink" effect is restricted by the size of the content in the header section. Such as logos, images, menus, widgets, and also all of the padding and margins of those elements. This also inclused the padding and margins of the sections and columns themselves.
|
270 |
+
|
271 |
+
To get the best "shrink" effect use these settings:
|
272 |
+
* Set the top and bottom padding to 0px on your sticky header section, column, and elements inside of it.
|
273 |
+
* Set a custom logo and other image height(you can leave the width blank for "auto").
|
274 |
+
* Set the header section height to "min height" and adjust it to your desired height.
|
275 |
+
|
276 |
+
Basically what happens is that the content of the header is "too tall" to shrink down anymore.
|
277 |
+
|
278 |
+
= Is this a standalone Plugin? =
|
279 |
+
|
280 |
+
No. You cannot use Sticky Header Effects for Elementor by itself. It is a plugin for Elementor Pro.
|
281 |
+
|
282 |
+
= Does it work with any WordPress theme? =
|
283 |
+
|
284 |
+
Yes. It will work with any WordPress theme that is using Elementor Pro as a page builder.
|
285 |
+
|
286 |
+
= Will this plugin slow down my website speed? =
|
287 |
+
|
288 |
+
Sticky Header Options for Elementor is light-weight and you can also use only the options you want to use on your website for faster performance.
|
289 |
+
|
290 |
+
== Screenshots ==
|
291 |
+
|
292 |
+
1. Settings built-in to Elementor Pro.
|
293 |
+
2. Main settings panel.
|
294 |
+
3. Current effects settings.
|
295 |
+
|
296 |
+
== Changelog ==
|
297 |
+
|
298 |
+
= 1.3.2 =
|
299 |
+
- Fixed: Transition CSS
|
300 |
+
|
301 |
+
= 1.3.1 =
|
302 |
+
- Fixed: Bugs
|
303 |
+
|
304 |
+
= 1.3.0 =
|
305 |
+
- Added: Shrink Logo featured
|
306 |
+
|
307 |
+
= 1.2.3 =
|
308 |
+
- Fixed: Hook on the new Elementor Pro 2.4.7 version
|
309 |
+
|
310 |
+
= 1.2.2 =
|
311 |
+
- Removed: Stretched section condition
|
312 |
+
|
313 |
+
= 1.2.1 =
|
314 |
+
- Added: Compatibility with the new Elementor 2.1.1 version
|
315 |
+
- Fixed: JavaScript error
|
316 |
+
|
317 |
+
= 1.2.0 =
|
318 |
+
- Removed: Sticky Header feature(Elementor fixed theirs)
|
319 |
+
- Added: Transparent header feature
|
320 |
+
- Added: Compatibility with the new Elementor 2.1 version
|
321 |
+
- Added: Change javascript to external file
|
322 |
+
- Fixed: Bugs
|
323 |
+
|
324 |
+
= 1.1.2 =
|
325 |
+
- Fixed: Bugs
|
326 |
+
|
327 |
+
= 1.1.1 =
|
328 |
+
- Fixed: Bug where section didn't move to top of page
|
329 |
+
|
330 |
+
= 1.1.0 =
|
331 |
+
- Added: Sticky header feature
|
332 |
+
- Added: Bottom border feature
|
333 |
+
- Fixed: Bugs with tablet and mobile responsive modes
|
334 |
+
- Fixed: Padding issues when using the "shrink" effect
|
335 |
+
|
336 |
+
= 1.0.0 =
|
337 |
+
|
338 |
+
- Initial stable release
|
339 |
+
|
340 |
+
== Upgrade Notice ==
|
341 |
+
|
342 |
+
= 1.3.2 =
|
343 |
+
- Fixed: Transition CSS
|
344 |
+
|
345 |
+
= 1.3.1 =
|
346 |
+
- Fixed: Bugs
|
347 |
+
|
348 |
+
= 1.3.0 =
|
349 |
+
- Added: Shrink Logo featured
|
350 |
+
|
351 |
+
= 1.2.3 =
|
352 |
+
- Fixed: Hook on the new Elementor Pro 2.4.7 version
|
353 |
+
|
354 |
+
= 1.2.2 =
|
355 |
+
- Removed: Stretched section condition
|
356 |
+
|
357 |
+
= 1.2.1 =
|
358 |
+
- Added: Compatibility with the new Elementor 2.1.1 version
|
359 |
+
- Fixed: JavaScript error
|
360 |
+
|
361 |
+
= 1.2.0 =
|
362 |
+
Removed: Sticky Header feature(Elementor fixed theirs)
|
363 |
+
Added: Transparent header feature
|
364 |
+
Added: Compatibility with the new Elementor 2.1 version
|
365 |
+
Added: Change javascript to external file
|
366 |
+
Fixed: Bugs
|
367 |
+
|
368 |
+
= 1.1.2 =
|
369 |
+
Bug fixes
|
370 |
+
|
371 |
+
= 1.1.1 =
|
372 |
+
Bug fixes
|
373 |
+
|
374 |
+
= 1.1.0 =
|
375 |
+
This version adds "Sticky Header" and "Bottom Border" options.
|
376 |
+
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.
|
377 |
+
The bottom border feature adds bottom border width and color options when user scrolls.
|
378 |
+
|
379 |
+
== Donate ==
|
380 |
+
Enjoy using *Sticky Header Effects*? Please consider making a **[donation](https://www.paypal.me/StickyHeaderEffects)**
|
381 |
+
Every donation helps the continued development, maintenance, and support for this plugin.
|
382 |
+
**Thank you very much your support!**
|
383 |
+
>>>>>>> .r2384685
|
@@ -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.4.
|
7 |
* Author: Rwattner
|
8 |
* Author URI: https://stickyheadereffects.com
|
9 |
* Requires at least: 4.9.0
|
@@ -19,8 +19,8 @@
|
|
19 |
|
20 |
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
|
21 |
|
22 |
-
define( 'SHE_HEADER_VERSION', '1.4.
|
23 |
-
define( 'SHE_HEADER_PREVIOUS_STABLE_VERSION', '1.
|
24 |
|
25 |
define( 'SHE_HEADER__FILE__', __FILE__ );
|
26 |
define( 'SHE_HEADER_PLUGIN_BASE', plugin_basename( SHE_HEADER__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.4.0
|
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.4.0' );
|
23 |
+
define( 'SHE_HEADER_PREVIOUS_STABLE_VERSION', '1.3.2' );
|
24 |
|
25 |
define( 'SHE_HEADER__FILE__', __FILE__ );
|
26 |
define( 'SHE_HEADER_PLUGIN_BASE', plugin_basename( SHE_HEADER__FILE__ ) );
|