From 07b1346195838114b5578d66438438338e19a0e0 Mon Sep 17 00:00:00 2001
From: amjad rana <amjadrana@amjads-iMac.local>
Date: Tue, 23 Feb 2021 20:17:57 +0600
Subject: [PATCH] header responsive issue solved

---
 .../shaper_helixultimate/features/menu.php    |  2 +-
 .../headers/style-1/header.php                |  4 ++--
 .../headers/style-2/header.php                |  4 ++--
 .../headers/style-3/header.php                |  8 +++----
 .../headers/style-4/header.php                |  8 +++----
 .../headers/style-5/header.php                |  8 +++----
 .../headers/style-6/header.php                | 14 ++++++-----
 .../headers/style-7/header.php                |  6 ++---
 .../headers/style-8/header.php                |  4 ++--
 .../headers/style-9/header.php                |  4 ++--
 .../shaper_helixultimate/scss/responsive.scss | 23 +++++++++++++++++--
 .../shaper_helixultimate/scss/theme.scss      | 21 ++++++++++++++++-
 12 files changed, 73 insertions(+), 33 deletions(-)

diff --git a/templates/shaper_helixultimate/features/menu.php b/templates/shaper_helixultimate/features/menu.php
index 68ab336c..2b35ac35 100644
--- a/templates/shaper_helixultimate/features/menu.php
+++ b/templates/shaper_helixultimate/features/menu.php
@@ -74,7 +74,7 @@ public function renderFeature()
 
 			if ($offcanvas_position === 'right')
 			{
-				$output .= '<a id="offcanvas-toggler" aria-label="' . JText::_('HELIX_ULTIMATE_NAVIGATION') . '" class="offcanvas-toggler-right d-block d-lg-none" href="#"><div class="burger-icon"><span></span><span></span><span></span></div></a>';
+				$output .= '<a id="offcanvas-toggler" aria-label="' . JText::_('HELIX_ULTIMATE_NAVIGATION') . '" class="offcanvas-toggler-right d-flex d-lg-none" href="#"><div class="burger-icon"><span></span><span></span><span></span></div></a>';
 			}
 
 			$menu = new HelixultimateMenu('d-none d-lg-block', '');
diff --git a/templates/shaper_helixultimate/headers/style-1/header.php b/templates/shaper_helixultimate/headers/style-1/header.php
index cf1d1416..8f12c0f2 100644
--- a/templates/shaper_helixultimate/headers/style-1/header.php
+++ b/templates/shaper_helixultimate/headers/style-1/header.php
@@ -101,8 +101,8 @@
 						</div>
 
 						<!-- if offcanvas position right -->
-						<?php if($offcanvas_position === 'right' && $menu_type === 'mega_offcanvas') : ?>
-							<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#">
+						<?php if($offcanvas_position === 'right') : ?>
+							<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="<?php echo $menu_type; ?> offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#">
 							<div class="burger-icon"><span></span><span></span><span></span></div>
 							</a>
 						<?php endif; ?>
diff --git a/templates/shaper_helixultimate/headers/style-2/header.php b/templates/shaper_helixultimate/headers/style-2/header.php
index 6c9afa7d..bfe0024f 100644
--- a/templates/shaper_helixultimate/headers/style-2/header.php
+++ b/templates/shaper_helixultimate/headers/style-2/header.php
@@ -78,8 +78,8 @@
 						</div>
 						
 						<!-- if offcanvas position right -->
-						<?php if($offcanvas_position === 'right' && $menu_type === 'mega_offcanvas') : ?>
-							<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#">
+						<?php if($offcanvas_position === 'right') : ?>
+							<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="<?php echo $menu_type; ?> offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#">
 							<div class="burger-icon"><span></span><span></span><span></span></div>
 							</a>
 						<?php endif; ?>
diff --git a/templates/shaper_helixultimate/headers/style-3/header.php b/templates/shaper_helixultimate/headers/style-3/header.php
index 6d86b3c2..191bcacc 100644
--- a/templates/shaper_helixultimate/headers/style-3/header.php
+++ b/templates/shaper_helixultimate/headers/style-3/header.php
@@ -42,7 +42,7 @@
 <?php if( $displayData->params->get('sticky_header')) { ?>
 	<div class="sticky-header-placeholder"></div>
 <?php } ?>
-<header id="sp-header">
+<header id="sp-header" class="header-with-social">
 	<div class="container">
 		<div class="container-inner">
 			<div class="row flex-nowrap">
@@ -62,7 +62,7 @@
 				<!-- Menu -->
 				<div id="sp-menu" class="menu-with-social col-auto flex-auto">
 					<div class="sp-column d-flex justify-content-between align-items-center">
-						<div class="d-flex menu-wrap justify-content-between align-items-center flex-auto">
+						<div class="d-flex menu-wrap menu-with-offcanvas justify-content-between align-items-center flex-auto">
 							<?php echo $menu->renderFeature(); ?>
 							<jdoc:include type="modules" name="menu" style="sp_xhtml" />
 						</div>
@@ -84,8 +84,8 @@
 						</div>
 
 						<!-- if offcanvas position right -->
-						<?php if($offcanvas_position === 'right' && $menu_type === 'mega_offcanvas') : ?>
-							<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#">
+						<?php if($offcanvas_position === 'right') : ?>
+							<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="<?php echo $menu_type; ?> offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#">
 							<div class="burger-icon"><span></span><span></span><span></span></div>
 							</a>
 						<?php endif; ?>
diff --git a/templates/shaper_helixultimate/headers/style-4/header.php b/templates/shaper_helixultimate/headers/style-4/header.php
index cbf80e4e..7e9de732 100644
--- a/templates/shaper_helixultimate/headers/style-4/header.php
+++ b/templates/shaper_helixultimate/headers/style-4/header.php
@@ -43,7 +43,7 @@
 <?php if( $displayData->params->get('sticky_header')) { ?>
 	<div class="sticky-header-placeholder"></div>
 <?php } ?>
-<header id="sp-header" class="full-header">
+<header id="sp-header" class="full-header full-header-center">
 	<div class="container-fluid">
 		<div class="container-inner">
 			<div class="row flex-nowrap align-items-center">
@@ -63,7 +63,7 @@
 				<!-- Menu -->
 				<div id="sp-menu" class="menu-with-social menu-center col-auto flex-auto">
 					<div class="sp-column d-flex justify-content-between align-items-center">
-						<div class="d-flex justify-content-between align-items-center flex-auto">
+						<div class="menu-with-offcanvas d-flex justify-content-between align-items-center flex-auto">
 							<?php echo $menu->renderFeature(); ?>
 							<jdoc:include type="modules" name="menu" style="sp_xhtml" />
 						</div>
@@ -85,8 +85,8 @@
 						</div>
 
 						<!-- if offcanvas position right -->
-						<?php if($offcanvas_position === 'right' && $menu_type === 'mega_offcanvas') : ?>
-							<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#">
+						<?php if($offcanvas_position === 'right') : ?>
+							<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="<?php echo $menu_type; ?> offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#">
 							<div class="burger-icon"><span></span><span></span><span></span></div>
 							</a>
 						<?php endif; ?>
diff --git a/templates/shaper_helixultimate/headers/style-5/header.php b/templates/shaper_helixultimate/headers/style-5/header.php
index b7fba553..97f179f7 100644
--- a/templates/shaper_helixultimate/headers/style-5/header.php
+++ b/templates/shaper_helixultimate/headers/style-5/header.php
@@ -40,7 +40,7 @@
 <?php if( $displayData->params->get('sticky_header')) { ?>
 	<div class="sticky-header-placeholder"></div>
 <?php } ?>
-<header id="sp-header" class="full-header header-has-modules">
+<header id="sp-header" class="full-header full-header-left header-has-modules">
 	<div class="container-fluid">
 		<div class="container-inner">
 			<div class="row flex-nowrap align-items-center">
@@ -60,7 +60,7 @@
 				<!-- Menu -->
 				<div id="sp-menu" class="col-auto flex-auto">
 					<div class="sp-column d-flex justify-content-between">
-						<div class="d-flex justify-content-between flex-auto">
+						<div class="menu-with-offcanvas d-flex justify-content-between flex-auto">
 							<?php echo $menu->renderFeature(); ?>
 						</div>
 					</div>
@@ -82,8 +82,8 @@
 					<jdoc:include type="modules" name="menu" style="sp_xhtml" />
 
 					<!-- if offcanvas position right -->
-					<?php if($offcanvas_position === 'right' && $menu_type === 'mega_offcanvas') : ?>
-						<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#"><div class="burger-icon"><span></span><span></span><span></span></div></a>
+					<?php if($offcanvas_position === 'right') : ?>
+						<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="<?php echo $menu_type; ?> offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#"><div class="burger-icon"><span></span><span></span><span></span></div></a>
 					<?php endif; ?>
 				</div>
 			</div>
diff --git a/templates/shaper_helixultimate/headers/style-6/header.php b/templates/shaper_helixultimate/headers/style-6/header.php
index 06d82e48..f3c6b989 100644
--- a/templates/shaper_helixultimate/headers/style-6/header.php
+++ b/templates/shaper_helixultimate/headers/style-6/header.php
@@ -99,7 +99,7 @@
 			<div class="row">
 				<div class="col-6 d-block d-xl-none">
 					<div class="sp-column d-flex justify-content-between align-items-center">
-						<div id="sp-logo">
+						<div id="sp-logo" class="menu-with-offcanvas">
 							<jdoc:include type="modules" name="logo" style="sp_xhtml" />
 							<?php echo $logo->renderFeature(); ?>
 						</div>
@@ -109,16 +109,18 @@
 				<div class="col-6 col-xl-12">
 					<div class="d-flex justify-content-end justify-content-xl-center align-items-center">
 						<!-- if offcanvas position left -->
-						<?php if($offcanvas_position === 'left' && $menu_type === 'mega_offcanvas') : ?>
-							<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#"><div class="burger-icon"><span></span><span></span><span></span></div></a>
+						<?php if($offcanvas_position === 'left') : ?>
+							<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="<?php echo $menu_type; ?> offcanvas-toggler-secondary offcanvas-toggler-left d-flex align-items-center" href="#"><div class="burger-icon"><span></span><span></span><span></span></div></a>
 						<?php endif; ?>
 
 						<?php echo $menu->renderFeature(); ?>
-						<jdoc:include type="modules" name="menu" style="sp_xhtml" />
+						<div class="menu-with-offcanvas">
+							<jdoc:include type="modules" name="menu" style="sp_xhtml" />
+						</div>
 
 						<!-- if offcanvas position right -->
-						<?php if($offcanvas_position === 'right' && $menu_type === 'mega_offcanvas') : ?>
-							<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="ml-3 offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#"><div class="burger-icon"><span></span><span></span><span></span></div></a>
+						<?php if($offcanvas_position === 'right') : ?>
+							<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="<?php echo $menu_type; ?> ml-3 offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#"><div class="burger-icon"><span></span><span></span><span></span></div></a>
 						<?php endif; ?>		
 					</div>	
 				</div>
diff --git a/templates/shaper_helixultimate/headers/style-7/header.php b/templates/shaper_helixultimate/headers/style-7/header.php
index c2af84ac..3e22cac4 100644
--- a/templates/shaper_helixultimate/headers/style-7/header.php
+++ b/templates/shaper_helixultimate/headers/style-7/header.php
@@ -78,12 +78,12 @@
 					<jdoc:include type="modules" name="menu" style="sp_xhtml" />
 					
 					<!-- if offcanvas position right -->
-					<?php if($offcanvas_position === 'right' && $menu_type === 'mega_offcanvas') : ?>
-						<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="ml-3 offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#"><div class="burger-icon"><span></span><span></span><span></span></div></a>
+					<?php if($offcanvas_position === 'right') : ?>
+						<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="<?php echo $menu_type; ?> ml-3 offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#"><div class="burger-icon"><span></span><span></span><span></span></div></a>
 					<?php endif; ?>		
 
 					<!-- Modal menu toggler -->
-					<a id="modal-menu-toggler" aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" class="ml-3" href="#">
+					<a id="modal-menu-toggler" aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" class="<?php echo $menu_type; ?> ml-3" href="#">
 						<div class="burger-icon">
 							<span></span>
 							<span></span>
diff --git a/templates/shaper_helixultimate/headers/style-8/header.php b/templates/shaper_helixultimate/headers/style-8/header.php
index 6ef0d9e9..cef300ae 100644
--- a/templates/shaper_helixultimate/headers/style-8/header.php
+++ b/templates/shaper_helixultimate/headers/style-8/header.php
@@ -80,8 +80,8 @@
 					<jdoc:include type="modules" name="menu" style="sp_xhtml" />
 					
 					<!-- if offcanvas position right -->
-					<?php if($offcanvas_position === 'right' && $menu_type === 'mega_offcanvas') : ?>
-						<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="ml-3 offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#"><div class="burger-icon"><span></span><span></span><span></span></div></a>
+					<?php if($offcanvas_position === 'right') : ?>
+						<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="<?php echo $menu_type; ?> ml-3 offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#"><div class="burger-icon"><span></span><span></span><span></span></div></a>
 					<?php endif; ?>		
 
 					<!-- Modal menu toggler -->
diff --git a/templates/shaper_helixultimate/headers/style-9/header.php b/templates/shaper_helixultimate/headers/style-9/header.php
index 4c0e9b90..14483aa8 100644
--- a/templates/shaper_helixultimate/headers/style-9/header.php
+++ b/templates/shaper_helixultimate/headers/style-9/header.php
@@ -80,8 +80,8 @@
 					<jdoc:include type="modules" name="menu" style="sp_xhtml" />
 					
 					<!-- if offcanvas position right -->
-					<?php if($offcanvas_position === 'right' && $menu_type === 'mega_offcanvas') : ?>
-						<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="ml-3 offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#"><div class="burger-icon"><span></span><span></span><span></span></div></a>
+					<?php if($offcanvas_position === 'right') : ?>
+						<a id="offcanvas-toggler"  aria-label="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>" aria-hidden="true" title="<?php echo Text::_('HELIX_ULTIMATE_NAVIGATION'); ?>"  class="<?php echo $menu_type; ?> ml-3 offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#"><div class="burger-icon"><span></span><span></span><span></span></div></a>
 					<?php endif; ?>		
 
 					<!-- Modal menu toggler -->
diff --git a/templates/shaper_helixultimate/scss/responsive.scss b/templates/shaper_helixultimate/scss/responsive.scss
index 47453807..2c7236c0 100644
--- a/templates/shaper_helixultimate/scss/responsive.scss
+++ b/templates/shaper_helixultimate/scss/responsive.scss
@@ -5,6 +5,11 @@
 	}
 }
 
+@media(min-width: 992px) {
+	#sp-header.header-with-modal-menu #offcanvas-toggler.offcanvas{
+		display: none !important;
+	}
+}
 @media(max-width: 992px) {
 	:root{
 		--header_height: $header_height_sm;
@@ -30,11 +35,25 @@
 				display: none;
 			}
 		}
+		&.full-header-center,
+		&.header-with-modal-menu,
+		&.full-header-left,
+		&.lg-header,
+		&.header-with-social{
+			#offcanvas-toggler.mega{
+				display: flex !important; 
+			}
+		}
+		&.lg-header{
+			.offcanvas-toggler-left.offcanvas{
+				display: flex !important;
+			}
+		}
 	}
 	#sp-header-topbar{
 		.container-inner{
 			>.row{
-				height: $header_height_sm;
+				min-height: $header_height_sm;
 			}
 		}
 	}
@@ -103,7 +122,7 @@
 	#sp-header-topbar{
 		.container-inner{
 			>.row{
-				height: $header_height_xs;
+				min-height: $header_height_xs;
 			}
 		}
 	}
diff --git a/templates/shaper_helixultimate/scss/theme.scss b/templates/shaper_helixultimate/scss/theme.scss
index 66fde094..62b43fee 100644
--- a/templates/shaper_helixultimate/scss/theme.scss
+++ b/templates/shaper_helixultimate/scss/theme.scss
@@ -218,6 +218,22 @@ ul.social-icons {
 	z-index: 99;
 	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
 	animation: spFadeIn .5s;
+	#offcanvas-toggler.offcanvas,
+	#offcanvas-toggler.mega{
+		display: none !important;
+	}
+	&.full-header-left,
+	&.full-header-center,
+	&.header-with-modal-menu,
+	&.lg-header,
+	&.header-with-social{
+		#offcanvas-toggler.offcanvas{
+			display: flex !important;
+		}
+		.menu-with-offcanvas #offcanvas-toggler{
+			display: none !important;
+		}
+	}
 	&.full-header {
 		padding-left: 45px;
 		padding-right: 45px;
@@ -230,6 +246,9 @@ ul.social-icons {
 		#offcanvas-toggler {
 			margin-right: 20px;
 			margin-left: 0px;
+			&.offcanvas-toggler-right.offcanvas{
+				display: none !important;
+			}
 		}
 		.sp-column {
 			height: 100%;
@@ -423,7 +442,7 @@ ul.social-icons {
 	.container-inner {
 		border-bottom: 1px solid #e5e5e5;
 		> .row {
-			height: $header_height;
+			min-height: $header_height;
 		}
 	}
 	a {