fix mobile banner
This commit is contained in:
parent
3d6de6fd33
commit
396e7b4574
Binary file not shown.
Before Width: | Height: | Size: 487 KiB After Width: | Height: | Size: 146 KiB |
@ -81,21 +81,29 @@
|
||||
if (skel.vars.IEVersion < 9)
|
||||
$header.removeClass('alt');
|
||||
|
||||
if ($banner.length > 0
|
||||
&& $header.hasClass('alt')) {
|
||||
if ($banner.length > 0 &&
|
||||
$header.hasClass('alt')) {
|
||||
|
||||
$window.on('resize', function() { $window.trigger('scroll'); });
|
||||
$window.on('resize', function() {
|
||||
$window.trigger('scroll');
|
||||
});
|
||||
|
||||
$banner.scrollex({
|
||||
bottom: $header.outerHeight() + 1,
|
||||
terminate: function() { $header.removeClass('alt'); },
|
||||
enter: function() { $header.addClass('alt'); },
|
||||
leave: function() { $header.removeClass('alt'); }
|
||||
terminate: function() {
|
||||
$header.removeClass('alt');
|
||||
},
|
||||
enter: function() {
|
||||
$header.addClass('alt');
|
||||
},
|
||||
leave: function() {
|
||||
$header.removeClass('alt');
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
/* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
|
||||
if ($( window ).width() > 980) {
|
||||
particlesJS('banner', {
|
||||
"particles": {
|
||||
"number": {
|
||||
@ -197,7 +205,7 @@
|
||||
"duration": 0.4
|
||||
},
|
||||
"push": {
|
||||
"particles_nb": 4
|
||||
"particles_nb": 5
|
||||
},
|
||||
"remove": {
|
||||
"particles_nb": 2
|
||||
@ -206,7 +214,6 @@
|
||||
},
|
||||
"retina_detect": false
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
})(jQuery);
|
@ -1761,7 +1761,7 @@ body.is-mobile {
|
||||
|
||||
#banner,
|
||||
.wrapper.style4 {
|
||||
@include vendor('background-image', ('linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5))', 'url("../../assets/images/banner.jpg")'));
|
||||
@include vendor('background-image', 'url("../../assets/images/banner.jpg")');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
@ -1829,6 +1829,7 @@ body {
|
||||
}
|
||||
.particle {
|
||||
position: relative;
|
||||
user-select: none;
|
||||
|
||||
#particles-js {
|
||||
vertical-align: bottom;
|
||||
@ -1851,5 +1852,6 @@ body {
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 1;
|
||||
user-select: auto;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user