Commit 90907a97 authored by Ken Hawkins's avatar Ken Hawkins
Browse files

Fix sticky header nesting

parent 2595df41
Pipeline #31237 passed with stages
in 2 minutes and 5 seconds
......@@ -93,30 +93,30 @@
</ul>
</nav>
</header>
<div id="content">
<div data-sticky-container>
<header id="masthead" class="masthead" data-sticky data-sticky-on="large" data-top-anchor="content:top" data-btm-anchor="content:bottom">
<div class="masthead-inner row">
<!-- local-title -->
<div class="columns medium-12" id="local-title">
<h1><a href="/about" title="Back to About us">About us</a></h1>
</div>
<!-- /local-title -->
<!-- local-nav -->
<nav>
<ul id="local-nav" class="dropdown menu float-left" data-description="navigational">
<li class=" first"><a href="/about">Overview</a></li>
<li class=""><a href="/about/jobs" title="Opportunities at EMBL-EBI">Jobs</a></li>
<li class=""><a href="/about/people" title="Staff directory">People &amp; groups</a></li>
<li class=""><a href="/about/news" title="">News</a></li>
<li class=""><a href="/about/events">Events</a></li>
<li class=" active-trail last active"><a href="/about/contact" title="Contact External Relations" class="active-trail active">Contact us</a></li>
</ul>
</nav>
<!-- /local-nav -->
<div data-sticky-container>
<header id="masthead" class="masthead" data-sticky data-sticky-on="large" data-top-anchor="content:top" data-btm-anchor="content:bottom">
<div class="masthead-inner row">
<!-- local-title -->
<div class="columns medium-12" id="local-title">
<h1><a href="/about" title="Back to About us">About us</a></h1>
</div>
</header>
</div>
<!-- /local-title -->
<!-- local-nav -->
<nav>
<ul id="local-nav" class="dropdown menu float-left" data-description="navigational">
<li class=" first"><a href="/about">Overview</a></li>
<li class=""><a href="/about/jobs" title="Opportunities at EMBL-EBI">Jobs</a></li>
<li class=""><a href="/about/people" title="Staff directory">People &amp; groups</a></li>
<li class=""><a href="/about/news" title="">News</a></li>
<li class=""><a href="/about/events">Events</a></li>
<li class=" active-trail last active"><a href="/about/contact" title="Contact External Relations" class="active-trail active">Contact us</a></li>
</ul>
</nav>
<!-- /local-nav -->
</div>
</header>
</div>
<div id="content">
<!-- Suggested layout containers -->
<section id="main-content-area" class="" role="main">
<!-- Your menu structure should make a breadcrumb redundant, but if a breadcrump is needed uncomment the below -->
......@@ -139,15 +139,15 @@
<!--.l-main -->
<main id="main-content-area" role="main" class="row l-main">
<div class="secondary-menu" >
<div class="menu-block-wrapper menu-block-4 menu-name-main-menu parent-mlid-0 menu-level-3">
<ul class="menu menu-tree-menu"><li class="first leaf has-children menu-mlid-3057"><a href="/about/leadership" title="Leadership and guidance structure">Leadership</a></li>
<li class="leaf menu-mlid-3075"><a href="/about/funding" title="Funding of EMBL-EBI">Funding</a></li>
<li class="leaf menu-mlid-3079"><a href="/about/background" title="History of EMBL-EBI">Background</a></li>
<li class="leaf has-children menu-mlid-3076"><a href="/about/collaborations" title="EMBL-EBI partnerships">Collaborations</a></li>
<li class="leaf has-children active-trail active menu-mlid-14438"><a href="/about/our-impact" title="Impact: reports, facts and figures" class="active-trail active">Our impact</a></li>
<li class="last leaf has-children menu-mlid-14440"><a href="/about/equality-in-science">Equality and Diversity</a></li>
</ul></div>
<div class="secondary-menu vf-u-padding__top--sm">
<div class="menu-block-wrapper menu-block-4 menu-name-main-menu parent-mlid-0 menu-level-3">
<ul class="menu menu-tree-menu"><li class="first leaf has-children menu-mlid-3057"><a href="/about/leadership" title="Leadership and guidance structure">Leadership</a></li>
<li class="leaf menu-mlid-3075"><a href="/about/funding" title="Funding of EMBL-EBI">Funding</a></li>
<li class="leaf menu-mlid-3079"><a href="/about/background" title="History of EMBL-EBI">Background</a></li>
<li class="leaf has-children menu-mlid-3076"><a href="/about/collaborations" title="EMBL-EBI partnerships">Collaborations</a></li>
<li class="leaf has-children active-trail active menu-mlid-14438"><a href="/about/our-impact" title="Impact: reports, facts and figures" class="active-trail active">Our impact</a></li>
<li class="last leaf has-children menu-mlid-14440"><a href="/about/equality-in-science">Equality and Diversity</a></li>
</ul></div>
</div>
<!-- Intro -->
......
......@@ -92,29 +92,29 @@
</ul>
</nav>
</header>
<div id="content">
<div data-sticky-container>
<header id="masthead" class="masthead" data-sticky data-sticky-on="large" data-top-anchor="content:top" data-btm-anchor="content:bottom">
<div class="masthead-inner row">
<!-- local-title -->
<div class="columns medium-12" id="local-title">
<h1><a href="/industry" title="Back to Industry">Industry</a></h1>
</div>
<!-- /local-title -->
<!-- local-nav -->
<nav>
<ul id="local-nav" class="dropdown menu float-left" data-description="navigational">
<li class="menu-3038 active-trail first active"><a href="/industry" class="active-trail active">Overview</a></li>
<li class="menu-3133"><a href="/industry/private" title="Industry Programme member login">Members area</a></li>
<li class="menu-3131"><a href="/industry/workshops" title="Industry programme workshops">Workshops</a></li>
<li class="menu-3130"><a href="/industry/sme-forum" title="EMBL-EBI: supporting small and medium-sized enterprise">SMEs</a></li>
<li class="menu-3132 last"><a href="/industry/contact" title="Contact the Industry Programme">Contact us</a></li>
</ul>
</nav>
<!-- /local-nav -->
<div data-sticky-container>
<header id="masthead" class="masthead" data-sticky data-sticky-on="large" data-top-anchor="content:top" data-btm-anchor="content:bottom">
<div class="masthead-inner row">
<!-- local-title -->
<div class="columns medium-12" id="local-title">
<h1><a href="/industry" title="Back to Industry">Industry</a></h1>
</div>
</header>
</div>
<!-- /local-title -->
<!-- local-nav -->
<nav>
<ul id="local-nav" class="dropdown menu float-left" data-description="navigational">
<li class="menu-3038 active-trail first active"><a href="/industry" class="active-trail active">Overview</a></li>
<li class="menu-3133"><a href="/industry/private" title="Industry Programme member login">Members area</a></li>
<li class="menu-3131"><a href="/industry/workshops" title="Industry programme workshops">Workshops</a></li>
<li class="menu-3130"><a href="/industry/sme-forum" title="EMBL-EBI: supporting small and medium-sized enterprise">SMEs</a></li>
<li class="menu-3132 last"><a href="/industry/contact" title="Contact the Industry Programme">Contact us</a></li>
</ul>
</nav>
<!-- /local-nav -->
</div>
</header>
</div>
<div id="content">
<!-- Suggested layout containers -->
<section id="main-content-area" class="" role="main">
<!-- Your menu structure should make a breadcrumb redundant, but if a breadcrump is needed uncomment the below -->
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment