update

assets/javascripts/app.js

@@ -2545,7 +2545,7 @@ $(function() {
       if ($(window).width() <769) {
         $('.modules-menu-level-0').after($('.header-nav'));
       }else{
-        $('.navbar-header').before($('.header-nav'));
+        $('.dropdowns').before($('.header-nav'));
       };
       $('.sitemenu-vertical .sitemenu-dropdown-toggle').click(function(){
         $('.sitemenu-vertical .dropdown-menu').slideToggle();
@@ -2612,7 +2612,7 @@ $(function() {
         if ($(window).width() <769) {
           $('.modules-menu-level-0').after($('.header-nav'));
         }else{
-          $('.navbar-header').before($('.header-nav'));
+          $('.dropdowns').before($('.header-nav'));
         };
 
         if ($(window).width() > 821) {

assets/stylesheets/template/layout/content.scss

@@ -15,7 +15,7 @@
 }
 .internal-page{
   .verticalhome{
-    padding-top: 5em; 
+
   }
   // .outdropdowns{
   //   @media(min-width:769px){
@@ -24,10 +24,9 @@
   // }
 }
 .verticalhome{
-  padding-top: 3em;
   position: relative;
   width: 100%;
-  z-index: unset!important;
+  z-index: unset;
 }
 .internal-page{
   .layout-content{
@@ -87,7 +86,7 @@
   position: relative;
   width: 100%;
   padding-bottom: 3em;
-  padding-top: 2em;
+  padding-top: 1em;
   //  p{
   //  padding-bottom: 1em;
   // }

assets/stylesheets/template/layout/header.scss

@@ -10,11 +10,15 @@
       rgba(lighten($theme-color-second, 10%), 0.25) 25%,
       transparent
     );  
-    position: absolute;
     width: 100%;
     z-index: 1;
     padding: 0.5em 0;
-    padding-bottom: 3em;
+}
+.dropdowns{
+    @media(min-width:769px){
+      display: flex;
+      align-items: center;
+    }
 }
 .header-nav {
   ul{

assets/stylesheets/template/modules/menu.scss

@@ -218,7 +218,7 @@
       display: flex;
       flex-wrap: wrap;
       justify-content: flex-end;
-      width: 80%;
+      // width: 80%;
       }
     .has-dropdown.level-1.active {
       .modules-menu-level-1 {

home/header.html.erb

@@ -18,13 +18,12 @@
   <div class="cover"></div>
 </div>
 <header class="navbar layout-header no-print" role="navigation">
-
   <div class="outdropdowns kenjohn">
-  <div class="container dropdowns">
-    <div class="header-nav  no-print">
+  <div class="header-nav  no-print container">
     <a id="accesskey_top" accesskey="U" title="accesskey top" href="#" title="Toolbar">:::</a>
       {{header-data}}
   </div>
+  <div class="container dropdowns">
     <div class="navbar-header">
         <a title="{{site_title_1}}" class="navbar-brand" href="{{home_link_1}}"><img class="site-logo" src="{{logo_url_1}}" alt="site-logo"></a>
         <script>$(document).ready(function(){var url =$('.site-logo').eq(0).attr('src');if(url == "/assets/default-site-logo.png"){$('.navbar-brand').eq(0).remove();};if($('.navbar-brand').length == 2){$('.site-logo').css('height','auto')};$('.site-logo').eq(0).css('margin-right',0);$('.navbar-brand').css('padding-right',0)})</script>