Global header

Overview
The global header is displayed at the top of each webpage, unless disabled, and contains things such as user sign in and the mega menu.
Example
WCMS use
  • The header can be updated using link items in Sitecore
  • Go to Common content > Global settings > Headers and footers > Page header
  • In page header, you can add, edit or delete link items which appear on the header across Hantsweb
    • For example if you want to change the megamenu headings of the Services section you can edit these links here
  • Save and publish item
  • To temporarily hide the "sign in" button in the global header

    screenshot

    • Go to Common content > Global settings > Headers and footers > Page header
    • At bottom of the page see "disable self-service login"
    • screenshot
    • To remove the sign-in box from view, check the box (make tick visible)
    • Save and publish item
    MVC.net use
    Code

    The global header belongs within these comment blocks of the base HTML template:

    <!-- start:	global header -->
    		
    <!-- end:	global header -->
    

    <!-- start: global header -->
                <!-- start:	skip links -->
        <nav class="skip-links two columns alpha" aria-label="skip links">
            <ul class="remove-sides">
                <li>
                    <a href="#page" class="thumbnail">Skip to section navigation </a>
                </li>
                <li>
                    <a href="#page_content" class="thumbnail">Skip to content</a>
                </li>
    
                <li>
                    <a href="#global_footer" class="thumbnail">Skip to footer</a>
                </li>
    
                <li>
                    <a href="https://www.hants.gov.uk/accessibility" class="thumbnail">Accessibility</a>
                </li>
    
            </ul>
        </nav>
        <!-- end: skip links -->
    
        <header id="global-nav-wrapper" aria-label="hantsweb menu">
            <div id="global-mmenu">
                <ul class="container global-header" id="global-mmenu-mega">
                    <li class="global-brand-mm">
                        <a href="http://www.hants.gov.uk/">
                            <img alt="Hantsweb" src="https://www.hants.gov.uk/-/media/Images/Site-images/wcms-atom-hantsweblogo.png" class="scale-with-grid" />
                        </a>
                    </li>
                    <li id="mobile-close-button"><a href="#page_content">Close ✖</a></li>
                    <li class="global-nav-item global-services-mm">
                        <a class="blocklink" id="services-nav" href="https://www.hants.gov.uk/services">Services ☰ <i class="fa fa-caret-down"></i></a>
                        <div>
                                    <ul class="mega-menu-row">
                                        <li>
                                                    <ul class="three column alpha">
                                                        <li class="label">
        <a class="blocklink" href="https://www.hants.gov.uk/birthsdeathsandceremonies" >
            <i class="extended-icon signup icon"></i> Births, deaths and ceremonies
        </a>
    </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/birthsdeathsandceremonies/births">
                Births
            </a>
        </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/birthsdeathsandceremonies/marriage">
                Marriages
            </a>
        </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/birthsdeathsandceremonies/nationalitycitizenship">
                Nationality & citizenship
            </a>
        </li>
    
                                                    </ul>
                                                    <ul class="three column">
                                                        <li class="label">
        <a class="blocklink" href="https://www.hants.gov.uk/business" >
            <i class="stats icon"></i> Business, economy and consumers
        </a>
    </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/business/tradingstandards/businessadvice">
                Business advice
            </a>
        </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/business/tradingstandards/consumeradvice">
                Consumer advice
            </a>
        </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/business">
                Tourism in Hampshire
            </a>
        </li>
    
                                                    </ul>
                                                    <ul class="three column">
                                                        <li class="label">
        <a class="blocklink" href="https://www.hants.gov.uk/community" >
            <i class="extended-icon group icon"></i> Community support
        </a>
    </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/community/armedforces">
                Armed forces
            </a>
        </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/transport/trafficandtravel/alternativetransport/communitytransport">
                Community transport
            </a>
        </li>
    
                                                    </ul>
                                                    <ul class="three column omega">
                                                        <li class="label">
        <a class="blocklink" href="https://www.hants.gov.uk/educationandlearning" >
            <i class="extended-icon quals icon"></i> Education and learning
        </a>
    </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/educationandlearning/schoolholidays">
                School holiday dates
            </a>
        </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/educationandlearning/findaschool">
                Schools in your area
            </a>
        </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/educationandlearning/admissions">
                School applications
            </a>
        </li>
    
                                                    </ul>
                                        </li>
                                    </ul>
                                    <ul class="mega-menu-row">
                                        <li>
                                                    <ul class="three column alpha">
                                                        <li class="label">
        <a class="blocklink" href="https://www.hants.gov.uk/jobs" >
            <i class="extended-icon drawer icon"></i> Jobs, careers and volunteering
        </a>
    </li>
        <li class="top-task">
            <a  href="http://www3.hants.gov.uk/newjob">
                Vacancies
            </a>
        </li>
        <li class="top-task">
            <a  href="http://www3.hants.gov.uk/yourfuture/youthsupport-careers/youth-apprenticeships-guide.htm">
                Apprenticeships
            </a>
        </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/jobs/volunteering">
                Volunteering
            </a>
        </li>
    
                                                    </ul>
                                                    <ul class="three column">
                                                        <li class="label">
        <a class="blocklink" href="https://www.hants.gov.uk/landplanningandenvironment" >
            <i class="map icon"></i> Land, planning and environment
        </a>
    </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/landplanningandenvironment/rightsofway">
                Rights of way
            </a>
        </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/landplanningandenvironment/environment">
                Environment
            </a>
        </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/business/propertyservices">
                Property information
            </a>
        </li>
    
                                                    </ul>
                                                    <ul class="three column">
                                                        <li class="label">
        <a class="blocklink" href="https://www.hants.gov.uk/librariesandarchives" >
            <i class="extended-icon books icon"></i> Libraries and archives
        </a>
    </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/librariesandarchives/library/libraryfinder">
                Libraries in your area
            </a>
        </li>
        <li class="top-task">
            <a  href="https://hampshire.spydus.co.uk/cgi-bin/spydus.exe/MSGTRN/OPAC/HOME">
                Your library account
            </a>
        </li>
        <li class="top-task">
            <a  href="http://www3.hants.gov.uk/archives">
                Hampshire archives
            </a>
        </li>
    
                                                    </ul>
                                                    <ul class="three column omega">
                                                        <li class="label">
        <a class="blocklink" href="https://www.hants.gov.uk/socialcareandhealth" >
            <i class="extended-icon user-md icon"></i> Social care and health
        </a>
    </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/socialcareandhealth/adoptionandfostering">
                Adoption & fostering
            </a>
        </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/socialcareandhealth/adultsocialcare">
                Adult social care & health
            </a>
        </li>
        <li class="top-task">
            <a  href="http://www3.hants.gov.uk/childrens-services/">
                Childcare & family support
            </a>
        </li>
    
                                                    </ul>
                                        </li>
                                    </ul>
                                    <ul class="mega-menu-row">
                                        <li>
                                                    <ul class="three column alpha">
                                                        <li class="label">
        <a class="blocklink" href="https://www.hants.gov.uk/thingstodo" >
            <i class="extended-icon info-sign icon"></i> Things to do in Hampshire
        </a>
    </li>
        <li class="top-task">
            <a  href="http://www3.hants.gov.uk/countryside/countryside-service/country-parks.htm">
                Country parks
            </a>
        </li>
        <li class="top-task">
            <a  href="http://www3.hants.gov.uk/events">
                Events
            </a>
        </li>
        <li class="top-task">
            <a  href="http://www3.hants.gov.uk/outdoors">
                Outdoor activity centres
            </a>
        </li>
    
                                                    </ul>
                                                    <ul class="three column">
                                                        <li class="label">
        <a class="blocklink" href="https://www.hants.gov.uk/transport" >
            <i class="roads-icon car icon"></i> Transport and roads
        </a>
    </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/transport/roadmaintenance/roadproblems">
                Report a problem
            </a>
        </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/transport/parking/bluebadge">
                Blue Badge
            </a>
        </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/transport/licencesandpermits">
                Licences & permits
            </a>
        </li>
    
                                                    </ul>
                                                    <ul class="three column">
                                                        <li class="label">
        <a class="blocklink" href="https://www.hants.gov.uk/wasteandrecycling" >
            <i class="extended-icon truck icon"></i> Waste prevention and recycling
        </a>
    </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/wasteandrecycling/recyclingcentres">
                Household waste recycling
            </a>
        </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/wasteandrecycling/commercialwaste">
                Commercial waste
            </a>
        </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/wasteandrecycling/recyclingcentres/wastepermits">
                Waste permits
            </a>
        </li>
    
                                                    </ul>
                                                    <ul class="three column omega">
                                                        <li class="label">
        <a class="blocklink" href="https://www.hants.gov.uk/aboutthecouncil" >
            <i class="extended-icon office icon"></i> About the Council
        </a>
    </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/aboutthecouncil/governmentinhampshire">
                Councillors, meetings, decisions
            </a>
        </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/aboutthecouncil/haveyoursay">
                Consultations
            </a>
        </li>
        <li class="top-task">
            <a  href="https://www.hants.gov.uk/aboutthecouncil/electionsandvoting">
                Elections & voting
            </a>
        </li>
    
                                                    </ul>
                                        </li>
                                    </ul>
                                    <ul class="mega-menu-row">
                                        <li>
                                                    <ul class="three column alpha">
                                                        <li class="label">
        <a class="blocklink" href="http://www3.hants.gov.uk/supplier" >
            <i class="extended-icon calculate icon"></i> Supplier services
        </a>
    </li>
    
                                                    </ul>
                                                    <ul class="three column">
                                                        <li class="label">
        <a class="blocklink" href="https://selfserve.hants.gov.uk/employee" >
            <i class="extended-icon payslips icon"></i> Employee self service
        </a>
    </li>
    
                                                    </ul>
                                                    <ul class="three column">
                                                        <li class="label">
        <a class="blocklink" href="http://www3.hants.gov.uk/accessibility" >
            <i class="compass icon"></i> Accessibility
        </a>
    </li>
    
                                                    </ul>
                                                    <ul class="three column omega">
                                                        <li class="label">
        <a class="blocklink" href="https://www.hants.gov.uk/aboutthecouncil/contact" title="Contact">
            <i class="phone icon"></i> Contact
        </a>
    </li>
    
                                                    </ul>
                                        </li>
                                    </ul>
    
                        </div>
                    </li>
                    <li class="global-search-mm">
                        <form class="small global-search column omega" id="global_form_search" action="https://www.hants.gov.uk/search">
                            <ul class="remove-sides input-append stay-inlined clearfix">
                                <li class="three-quarters column alpha omega">
                                    <label class="offscreen" for="global_search_q">Search Hantsweb services and sites</label>
                                    <input name="q" type="text" id="global_search_q" placeholder="Search Hantsweb" style="width:100%">
                                </li>
                                <li class="one-quarter column alpha omega">
                                    <input type="hidden" value="FORID:11" name="cof">
                                    <input type="hidden" value="009988739743092233991:4hx6rzq-jqg" name="cx">
                                    <button class=" searchbutton full-width" name="sa" type="submit"><span class="offscreen">submit</span><i class="icon-core search"></i></button>
                                </li>
                            </ul>
                        </form>
                    </li>
                    <!-- Identity intergration -->
                            <li class="global-nav-item global-account-login">
                                <a class="blocklink" href="https://www.hants.gov.uk/account">Sign in</a>
                            </li>
                            <li class="global-nav-item global-account-register">
                                <a class="blocklink" href="https://www.hants.gov.uk/register">Register</a>
                            </li>
                            <li class="global-nav-login-mobile offscreen session-closed">
                                <a href="https://www.hants.gov.uk/account">
                                    <i class="extended-icon icon signin"></i> Sign in
                                </a>
                                <a href="https://www.hants.gov.uk/register"><i class="icon signup"></i> Register</a>
                            </li>
                </ul>
            </div>
    Version and status
    • 2
    • current version
    • Concept
    • Alpha
    • Beta
    • Release