The main image header does not fully 100% stretch to the left and right edge of the screen.
I have already sent Cindy a sample image of what is happening.
Thank you kindly in advance for your help.
The main image header does not fully 100% stretch to the left and right edge of the screen.
I have already sent Cindy a sample image of what is happening.
Thank you kindly in advance for your help.
Hi Thequanger,
- You open script.js in js folder.
- You find and remove: function parallaxInit()
- And save this code:
function parallaxInit() {
$('.awe-parallax').each(function() {
if (isMobile.any()) {
$(this).css('background-attachment', 'scroll');
} else {
$(this).parallax("50%", 0.1);
}
});
};
Thank you. Do I also need to remove this line in scripts.js as well:
$(window).on('load', function() {
aweBtn();
masonry();
setHeight();
parallaxInit(); // DO I NEED TO REMOVE THIS TOO SINCE I REMOVED THE FUNCTION?
Hi Thequanger,
Sorry I haven't clearly explained to you.
Source code in script.js your file:
function parallaxInit() {
if ($('.awe-parallax').length) {
if (isMobile.any()) {
} else {
$('.home-media .awe-parallax').parallax("50%", 0.1);
$('.our-story .awe-parallax').parallax("50%", 0.1);
$('.the-menu .awe-parallax').parallax("50%", 0.1);
$('.the-staff .awe-parallax').parallax("50%", 0.1);
$('.events .awe-parallax').parallax("50%", 0.1);
$('.testimonial .awe-parallax').parallax("50%", 0.1);
$('.sub-banner .awe-parallax').parallax("50%", 0.1);
}
}
}
You need remove it. And save this new code:
function parallaxInit() {
$('.awe-parallax').each(function() {
if (isMobile.any()) {
$(this).css('background-attachment', 'scroll');
} else {
$(this).parallax("50%", 0.1);
}
});
};
Awesome, Thanks! Resolved.