﻿
<div class="l-header-container">
    <nav class="skip-to-main-content healthy-skip" role="navigation" aria-label="skip to main content">
        <a href="#content" tabindex="1" class="skip-main"> Skip to main content </a>
    </nav>
    <header id="header" class="grid-container grid-100">
        <div class="grid-75 mobile-grid-60 tablet-grid-50 logo-main">
            <a href="/"><img src="/assets/images/ui-images/logo-main@2x.png" alt="Healthy Stockport Logo Homepage Link " title="Welcome to Healthy Stockport" class="logo-main-image"></a>
        </div>
        <div class="grid-25 mobile-grid-25 tablet-grid-50 grid-parent pull-right">
            <div class="header-container grid-100 grid-parent">
                <div class="grid-parent pull-right header-search-bar">
                    <partial name="HeaderSearchBar" />
                </div>
            </div>
        </div>

    </header>

</div>
<partial name="MobileSearchBar" />

﻿
<div class="l-header-container">
    <nav class="skip-to-main-content healthy-skip" aria-label="skip to main content">
        <a href="#content" tabindex="1" class="skip-main"> Skip to main content </a>
    </nav>
    <header id="header" class="grid-container grid-100">
        <div class="grid-75 mobile-grid-60 tablet-grid-50 logo-main">
            <a href="/"><img src="/assets/images/ui-images/logo-main@2x.png" alt="Healthy Stockport Logo Homepage Link " title="Welcome to Healthy Stockport" class="logo-main-image"></a>
        </div>
        <div class="grid-25 mobile-grid-25 tablet-grid-50 grid-parent pull-right">
            <div class="header-container grid-100 grid-parent">
                <div class="grid-parent pull-right header-search-bar">
                    <partial name="HeaderSearchBar" />
                </div>
            </div>
        </div>

    </header>

</div>
<partial name="MobileSearchBar" />

Remove role=navigation on nav tag
fix: Remove role=navigation on nav tag
