✨feature: Enhance navigation components with scroll control and styling updates
This commit is contained in:
@@ -13,6 +13,7 @@ $navIcon = isset( get_field( 'header', 'option' )['nav_icon'] ) ? get_field( 'he
|
||||
|
||||
// Generate toggle classes
|
||||
$toggleClasses = array( 'nav-main__toggle' );
|
||||
|
||||
if ( $navIcon ) {
|
||||
$toggleClasses[] = 'custom-icon';
|
||||
}
|
||||
@@ -29,17 +30,18 @@ if ( $navIcon ) {
|
||||
<?php else : ?>
|
||||
<!-- Hamburger Icon -->
|
||||
<span class="nav-toggle-icon nav-toggle-hamburger">
|
||||
<svg class="text-current fill-current" viewBox="0 0 100 80" width="40" height="40">
|
||||
<svg class="text-current fill-[#1A2A45]" viewBox="0 0 100 60" width="40" height="40">
|
||||
<rect y="0" width="100" height="15"></rect>
|
||||
<rect y="30" width="100" height="15"></rect>
|
||||
<rect y="60" width="100" height="15"></rect>
|
||||
</svg>
|
||||
</span>
|
||||
<!-- X Icon -->
|
||||
|
||||
<!-- X Icon -->
|
||||
<span class="nav-toggle-icon nav-toggle-x">
|
||||
<svg class="text-current stroke-current" viewBox="0 0 100 80" width="40" height="40">
|
||||
<line x1="20" y1="20" x2="80" y2="60" stroke-width="15" stroke-linecap="round" />
|
||||
<line x1="80" y1="20" x2="20" y2="60" stroke-width="15" stroke-linecap="round" />
|
||||
<svg class="text-current stroke-[#1A2A45]" viewBox="0 0 100 100" width="40" height="40">
|
||||
<line x1="15" y1="15" x2="85" y2="85" stroke-width="15" stroke-linecap="round" />
|
||||
<line x1="85" y1="15" x2="15" y2="85" stroke-width="15" stroke-linecap="round" />
|
||||
</svg>
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
|
||||
Reference in New Issue
Block a user