One Hat Cyber Team

Edit File: navBar.blade.php

<header id="header" class="header-effect-shrink"
        data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyChangeLogo': true, 'stickyStartAt': 120, 'stickyHeaderContainerHeight': 100}">
    <div class="header-body border-top-0">
        <div class="header-top header-top-default header-top-borders border-bottom-0">
            <div class="container h-100">
                <div class="header-row h-100">
                    <div class="header-column justify-content-end">
                        <div class="header-row">
                            <nav class="header-nav-top">
                                <ul class="nav nav-pills">
                                    <li class="nav-item nav-item-borders py-2 d-none d-sm-inline-flex">
                                            <span class="ps-0"><i class="far fa-dot-circle text-7 text-color-primary"
                                                                  style="top: 1px;"></i> {{$pageConfigs->address}}</span>
                                    </li>
                                    <li class="nav-item nav-item-borders py-2">
                                        <a href="tel:+{{$pageConfigs->phone_number[0]['number']}}"><i
                                                class="fab fa-whatsapp text-7 text-color-primary"
                                                style="top: 0;"></i>+{{$pageConfigs->phone_number[0]['number']}}</a>
                                    </li>
                                    <li class="nav-item nav-item-borders py-2 pe-1 d-none d-md-inline-flex">
                                        <a href="mailto:{{$pageConfigs->email}}"><i
                                                class="far fa-envelope text-7 text-color-primary"
                                                style="top: 1px;"></i> {{$pageConfigs->email}}</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @php

@endphp
        <div class="header-container container">
            <div class="header-row">
                <div class="header-column">
                    <div class="header-row">
                        <div class="header-logo">
                            <a href="/">
                                <img alt="{{$pageConfigs->logo->alt}}" width="100" height="100"
                                     src="{{asset('storage/'.$pageConfigs->logo->filename)}}">
                            </a>
                        </div>
                    </div>
                </div>

<div class="header-column justify-content-end">
                    <div class="header-row">
                        <div class="header-nav order-2 order-lg-1">
                            <div
                                class="header-nav-main header-nav-main-square header-nav-main-effect-1 header-nav-main-sub-effect-1">
                                <nav class="collapse">
                                    <ul class="nav nav-pills" id="mainNav">
                                        @foreach($pageConfigs->menu as $menuItems)
                                            @if($menuItems->is_menu && !$menuItems->is_submenu)
                                                <li class="dropdown-full-color dropdown-secondary">
                                                    <a class="nav-link custom-navbar-font-size {{$slug == $menuItems->slug ? 'active': ''}}"
                                                       href="/{{$menuItems->slug}}">
                                                        {{$menuItems->title}}
                                                    </a>
                                                </li>
                                            @elseif($menuItems->is_menu && $menuItems->is_submenu)
                                                <li class="dropdown dropdown-full-color dropdown-secondary">
                                                    <a class="nav-link dropdown-toggle custom-navbar-font-size {{$slug == $menuItems->slug ? 'active': ''}}"
                                                       class="dropdown-toggle"
                                                       href="/{{$menuItems->slug}}">
                                                        {{$menuItems->title}}
                                                    </a>
                                                    <ul class="dropdown-menu">
                                                        @foreach(getServicesMenu() as $service)
                                                            <li><a class="dropdown-item custom-navbar-font-size-submenu"
                                                                   href="/{{$menuItems->slug}}/{{$service['slug']}}">{{$service['title']}}</a>
                                                            </li>
                                                        @endforeach
                                                    </ul>
                                                </li>
                                            @endif

@endforeach
                                    </ul>
                                </nav>
                            </div>
                            <button class="btn header-btn-collapse-nav" data-bs-toggle="collapse"
                                    data-bs-target=".header-nav-main nav">
                                <i class="fas fa-bars"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>