move logo above navigation on small screens (#6570)
Merge pull request 6570
This commit is contained in:
		
							parent
							
								
									f85a039633
								
							
						
					
					
						commit
						0f249eec9f
					
				| 
						 | 
					@ -1,7 +1,4 @@
 | 
				
			||||||
<header>
 | 
					<header>
 | 
				
			||||||
  <nav class="mobile-nav show-on-mobiles">
 | 
					 | 
				
			||||||
    {% include mobile-nav-items.html %}
 | 
					 | 
				
			||||||
  </nav>
 | 
					 | 
				
			||||||
  <div class="flexbox">
 | 
					  <div class="flexbox">
 | 
				
			||||||
    <div class="center-on-mobiles">
 | 
					    <div class="center-on-mobiles">
 | 
				
			||||||
      <h1>
 | 
					      <h1>
 | 
				
			||||||
| 
						 | 
					@ -28,4 +25,7 @@
 | 
				
			||||||
      </ul>
 | 
					      </ul>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
 | 
					  <nav class="mobile-nav show-on-mobiles">
 | 
				
			||||||
 | 
					    {% include mobile-nav-items.html %}
 | 
				
			||||||
 | 
					  </nav>
 | 
				
			||||||
</header>
 | 
					</header>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -177,9 +177,6 @@ h6:hover .header-link {
 | 
				
			||||||
  opacity: 1;
 | 
					  opacity: 1;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@media (max-width: 568px) {
 | 
					 | 
				
			||||||
  header { padding-bottom: 0 }
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
@media (max-width: 580px) {
 | 
					@media (max-width: 580px) {
 | 
				
			||||||
  header {
 | 
					  header {
 | 
				
			||||||
    .flexbox { height: auto }
 | 
					    .flexbox { height: auto }
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue