Only ribbon sticky on desktop, nav and logo flow normally
This commit is contained in:
parent
8d6c892835
commit
9841013306
2 changed files with 1 additions and 8 deletions
|
|
@ -1591,14 +1591,9 @@ textarea.markup-editor-textarea {
|
|||
|
||||
div.message-ribbon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Sticky header: ribbon + nav stick together on desktop */
|
||||
.sticky-header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 40;
|
||||
background: var(--bg-primary, #ffffff);
|
||||
}
|
||||
|
||||
section.log-in {
|
||||
|
|
|
|||
|
|
@ -85,10 +85,9 @@
|
|||
<noscript>
|
||||
<style>.js-only {display: none;}</style>
|
||||
</noscript>
|
||||
{% include 'snippets/ribbon.j2' %}
|
||||
<section class="main">
|
||||
|
||||
<div class="sticky-header">
|
||||
{% include 'snippets/ribbon.j2' %}
|
||||
<section class="nav-grid">
|
||||
|
||||
<section class="nav">
|
||||
|
|
@ -144,7 +143,6 @@
|
|||
|
||||
<!-- nav-grid -->
|
||||
</section>
|
||||
</div>
|
||||
|
||||
{% include 'snippets/flash-alerts.j2' %}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue