fixed background image fallback issue

assets/js/script.js

@@ -6,14 +6,19 @@ $(window).on('load', function () {
 	$('.preloader').fadeOut(100);
 });
 
-// Auto close Navbar when click on link
-$('.navbar-collapse a').click(function(){
-	$(".navbar-collapse").collapse('hide');
-});
-
 jQuery(function ($) {
 	"use strict";
 
+
+	/* ========================================================================= */
+	/*	Auto close Navbar when click on link
+	/* ========================================================================= */
+
+	$('.navbar-collapse a').click(function () {
+		$(".navbar-collapse").collapse('hide');
+	});
+
+
 	/* ========================================================================= */
 	/*	lazy load initialize
 	/* ========================================================================= */
@@ -138,4 +143,4 @@ jQuery(function ($) {
 		counter();
 	});
 
-});
+});

exampleSite/config.toml

@@ -2,6 +2,7 @@
 baseURL = "https://examplesite.com"
 title = "Meghna"
 theme = "meghna-hugo"
+themesDir = "../.."
 # post pagination
 paginate = "6"
 # post excerpt

layouts/partials/banner.html

@@ -5,7 +5,7 @@
 {{"<!-- Welcome Slider-->" | safeHTML}}
 <section class="hero-area" style='background-image: url("{{ .bg_image_webp | absURL }}")'>
 	<!-- this image is for trigger this section fallback background image -->
-	<img class="lozad d-none" data-src="{{ .bg_image_webp | absURL }}" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'"/>
+	<img class="d-none" src="{{ .bg_image_webp | absURL }}" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'"/>
 
 	<div class="block">
 		{{ if .icon }}

layouts/partials/cta.html

@@ -5,7 +5,7 @@
 {{"<!-- Start Call To Action -->" | safeHTML}}
 <section id="cta" class="call-to-action section-sm bg-1 overly" style='background-image: url("{{ .bg_image_webp | absURL }}")'>
 	<!-- this image is for trigger this section fallback background image -->
-	<img class="lozad" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'" data-src="{{ .bg_image_webp | absURL }}" />
+	<img src="{{ .bg_image_webp | absURL }}" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'">
 	<div class="container">
 		<div class="row">
 			<div class="col-lg-12 text-center">

layouts/partials/feature.html

@@ -8,7 +8,7 @@
 		<div class="row">
 			<div class="col-lg-6 padding-0" style="background-image: url('{{ .image_webp | absURL }}'); background-size: cover; background-position: top center; background-repeat: no-repeat; min-height: 400px;">
 				<!-- this image is for trigger this section fallback background image -->
-				<img class="lozad" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .image | absURL }})'" data-src="{{ .image_webp | absURL }}" />
+				<img src="{{ .image_webp | absURL }}" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .image | absURL }})'">
 			</div>
 			<div class="col-lg-6">
 				<div class="content-block">

layouts/partials/testimonial.html

@@ -6,7 +6,7 @@
 <section id="testimonial" class="testimonial overly section bg-2"
 	style='background-image: url("{{ .bg_image_webp | absURL }}")'>
 	<!-- this image is for trigger this section fallback background image -->
-	<img class="lozad" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'" data-src="{{ .bg_image_webp | absURL }}" />
+	<img src="{{ .bg_image_webp | absURL }}" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'">
 	<div class="container">
 		<div class="row">
 			<div class="col-xl-12">