add load autoscroll

blocks/hours.php

@@ -0,0 +1,4 @@
+<span class="font-bold text-red">Orario di apertura sede:</span>
+<span>Lun e Mar 9:00-14:00</span>
+<span>Mer, Gio e Ven 9:00-14:00 e 15:30-18:30</span>
+<span>Sab 9:00-13:00</span>

content.php

@@ -1,5 +1,5 @@
 
-<div class="col-12 col-sm-9 col-md-8 px-0 pl-sm-2 pr-sm-0 px-md-3">
+<div id="MainContainer" class="col-12 col-sm-9 col-md-8 px-0 pl-sm-2 pr-sm-0 px-md-3 <?php if($getQ[0]=="home"){echo "is-home";}?>">
     <?php
         @include $getQ[0].'.php';
     ?>

css/styles.css

@@ -14576,7 +14576,7 @@ a:hover {
 
 /* line 92, global.scss */
 #MainContent {
-  top: 90px;
+  top: 40px;
   z-index: 0;
   min-height: 200vh;
   overflow: hidden;
@@ -14671,7 +14671,7 @@ input[type="checkbox"]:checked + label::before {
 
 /* line 2, header.scss */
 header {
-  background: #71986e;
+  background: #4e984a;
   height: 70px;
   width: 100%;
 }
@@ -14686,7 +14686,7 @@ header .logo {
 header .container.main {
   height: 70px;
   position: fixed;
-  background: #71986e;
+  background: #4e984a;
   z-index: 500;
 }
 /* line 23, header.scss */
@@ -14746,21 +14746,24 @@ header .topmenu ul {
 /* line 77, header.scss */
 header .topmenu ul li {
   list-style: none;
-  padding: 15px;
+  padding: 5px 15px;
   display: block;
-  border-top: 1px solid rgba(255, 255, 255, 0.6);
 }
 /* line 82, header.scss */
 header .topmenu ul li a {
-  color: white;
+  color: #4e984a;
   text-decoration: none;
   transition: .4s;
+  background: white;
+  display: block;
+  border-radius: 3px;
+  padding: 5px;
 }
-/* line 86, header.scss */
+/* line 92, header.scss */
 header .topmenu ul li a:hover {
-  color: rgba(255, 255, 255, 0.6);
+  color: #71986e;
 }
-/* line 94, header.scss */
+/* line 100, header.scss */
 header .breadcrumb {
   font-size: 0.75rem;
   padding: 5px;
@@ -14775,24 +14778,24 @@ header .breadcrumb {
   height: 30px;
   z-index: 1;
 }
-/* line 108, header.scss */
+/* line 114, header.scss */
 header .breadcrumb .container {
   overflow: hidden;
   overflow-x: auto;
 }
-/* line 112, header.scss */
+/* line 118, header.scss */
 header .breadcrumb .container .crumbs {
   height: 20px;
   display: ruby;
 }
-/* line 115, header.scss */
+/* line 121, header.scss */
 header .breadcrumb .container .crumbs a {
   color: #4e984a;
   text-decoration: none;
   transition: .4s;
   cursor: pointer;
 }
-/* line 120, header.scss */
+/* line 126, header.scss */
 header .breadcrumb .container .crumbs a:hover {
   color: #666;
 }
@@ -15108,12 +15111,23 @@ header .breadcrumb .container .crumbs a:hover {
   header .topmenu ul li:first-child {
     border-left: none;
   }
-  /* line 85, mediaqueries/viewports/_768up.scss */
+  /* line 82, mediaqueries/viewports/_768up.scss */
+  header .topmenu ul li a {
+    color: white;
+    background: none;
+    display: inline;
+    padding: 5px;
+  }
+  /* line 88, mediaqueries/viewports/_768up.scss */
+  header .topmenu ul li a:hover {
+    color: rgba(255, 255, 255, 0.6);
+  }
+  /* line 96, mediaqueries/viewports/_768up.scss */
   header .breadcrumb {
     top: 120px;
   }
 
-  /* line 92, mediaqueries/viewports/_768up.scss */
+  /* line 103, mediaqueries/viewports/_768up.scss */
   #MainContent {
     top: 160px;
   }

header.php

@@ -8,10 +8,7 @@
             
                 <div class="text-right openings d-none d-sm-block ">
                     <div class="p-2 px-3 hours">
-                        <span class="font-bold text-red">Orario di apertura sede:</span>
-                        <span>Lun e Mar 9:00-14:00</span>
-                        <span>Mer, Gio e Ven 9:00-14:00 e 15:30-18:30</span>
-                        <span>Sab 9:00-13:00</span>
+                        <?php @include 'blocks/hours.php';?>
                     </div>
                 </div>
                 
@@ -28,6 +25,7 @@
                     <li><a href="<?php echo $BASE_URLs;?>/albo">Albo</a></li>
                     <li><a href="<?php echo $BASE_URLs;?>/farmacie">Farmacie</a></li>
                     <li><a href="<?php echo $BASE_URLs;?>/parafarmacie">Parafarmacie</a></li>
+                    <li class="d-sm-none "><a href="<?php echo $BASE_URLs;?>/notizie">Notizie</a></li>
                     <li><a href="<?php echo $BASE_URLs;?>/contatti">Contatti</a></li>
                 </ul>
             </div>
@@ -42,14 +40,5 @@
             </div>
         </div>
     </div>
-    
-    <div class="openings">
-        <div class="d-block d-sm-none p-1 hours">
-            <span class="font-bold text-red">Orario di apertura sede:</span>
-            <span>Lun e Mar 9:00-14:00</span>
-            <span>Mer, Gio e Ven 9:00-14:00 e 15:30-18:30</span>
-            <span>Sab 9:00-13:00</span>
-        </div>
-    </div>
-    
+
 </header> 

home.php

@@ -10,6 +10,10 @@
         <i class="fa fa-fax"></i> <b>Fax:</b> 089.798628<br>
         <i class="fa fa-envelope"></i> <b>E-Mail:</b> info@ordinefarmacistisalerno.it<br>
         <i class="fa fa-envelope"></i> <b>E-Mail certificata:</b> ordinefarmacistisa@pec.fofi.it <br>
+        
+        <div class="d-block d-sm-none hours">
+            <?php @include 'blocks/hours.php';?>
+        </div>
     </div>
     
     <div class="col-12 col-sm-12 col-md-5 mb-2">

js/scripts.js

@@ -4,22 +4,31 @@ $(document).ready(function(){
     if($(window).width() < 1024 && $(window).width() >= 768){
         $('#menuRight .banner').clone().appendTo('#menuLeft');
         $('#menuRight').empty();
+    }   
+    
+    if($(window).width() < 1024){
+        if(!$('#MainContainer').hasClass('is-home')){
+            $('html, body').animate({scrollTop: $('#MainContainer').offset().top - 74});
+        }
     }
     
+    
+    
     $('.hamburger').on('click', function(){
         $(this).toggleClass('is-active');
         
         if($(this).hasClass('is-active')){
             $('.topmenu').fadeIn();
+            $('html, body').css({overflow: 'hidden'});
         }else{
             $('.topmenu').fadeOut();
+            $('html, body').css({overflow: 'auto'});
         }
     });
     
     
     $('.dropdown .title').on('click', function(){
         
-//         $('.dropdown').removeClass('active');
         $(this).parent().toggleClass('active');
         
         if($(this).parent().hasClass('active')){

menu-left.php

@@ -1,7 +1,7 @@
 
 <div id="menuLeft" class="col-12 col-sm-3 col-md-2 p-0">
 
-    <div class="dropdown active">
+    <div class="dropdown <?php if($getQ[0]=="home"){echo "active";}?>">
         <div class="title">Area Riservata</div>
         <ul class="items">
             <li>

scss/global.scss

@@ -90,7 +90,7 @@ a{
 }
     
 #MainContent{
-    top: 90px;
+    top: 40px;
     z-index: 0;
     min-height: 200vh;
     overflow: hidden;

scss/header.scss

@@ -1,6 +1,6 @@
 
 header{
-    background: $light-green;
+    background: $green;
     height: 70px;
     width: 100%;
         
@@ -15,7 +15,7 @@ header{
         &.main{
             height: 70px;
             position: fixed;
-            background: $light-green;
+            background: $green;
             z-index: 500;
         }
     }
@@ -76,15 +76,21 @@ header{
             
             li{
                 list-style: none;
-                padding: 15px;
+                padding: 5px 15px;
                 display: block;
-                border-top: 1px solid $alpha;
+
                 a{
-                    color: white;
+                    color: $green;
                     text-decoration: none;
                     transition: .4s;
+                    
+                    background: white;
+                    display: block;
+                    border-radius: 3px;
+                    padding: 5px;
+
                     &:hover{
-                        color: $alpha;
+                        color: $light-green;
                     }
                 }
             }

scss/mediaqueries/viewports/_768up.scss

@@ -78,6 +78,17 @@ header{
                 &:first-child{
                     border-left: none;
                 }
+                
+                a{
+                    color: white;
+                    background: none;
+                    display: inline;
+                    padding: 5px;
+                    
+                    &:hover{
+                        color: $alpha;
+                    }
+                }
             }
         }
     }