Преглед изворни кода

mobile-menu auto-hide, carousel-buttons, back-to-top

Moritz Schmidt пре 9 година
родитељ
комит
00f9b1e215
2 измењених фајлова са 30 додато и 6 уклоњено
  1. 4 0
      footer.php
  2. 26 6
      style.css

+ 4 - 0
footer.php

@@ -20,6 +20,10 @@
       jQuery( document ).ready(function($) {
         $('#nav').Stickyfill(); // NAV
 
+        $(document).on("click", "nav.navbar #ams-topnav[aria-expanded=\"true\"] a", function() {
+          $('.navbar-toggler').click();
+        });
+
         /** TdA Carousel **/
 
         $('.owl-carousel').slick({

+ 26 - 6
style.css

@@ -21,25 +21,33 @@ Text Domain: ams2016
 
 .carousel-control .icon-next .fa-chevron-right:before, .carousel-control .icon-prev .fa-chevron-left:before {
   position: absolute;
-  left: 25px;
-  top: 18px;
-  font-size: 50px;
+  left: 16px; /* 25 */
+  top: 9px; /* 18 */
+  font-size: 2rem; /* 50px */
 }
 
 .carousel-control .fa-chevron-right, .carousel-control .fa-chevron-left {
   background: #008238;
   border-radius: 50%;
-  padding: 40px;
+  padding: 1.5rem; /* 40px */
 }
 
 .carousel-control .icon-prev .fa-chevron-left:before {
-  left: 18px;
+  left: 10px; /* 18 */
 }
 
 .carousel-inner > .carousel-item > img {
   width: 100%;
 }
 
+.carousel-control .icon-prev, .carousel-control .icon-next {
+  top: 35%;
+}
+
+.carousel-control .icon-next {
+  right: 100%;
+}
+
 .carousel {
   max-height: 350px;
   overflow: hidden;
@@ -55,6 +63,10 @@ Text Domain: ams2016
   z-index: 99;
 }
 
+.navbar-brand {
+  font-size: 1.15rem;
+}
+
 .beam {
   margin-top: 50px;
   margin-bottom: 50px;
@@ -284,7 +296,7 @@ Text Domain: ams2016
 .b-to-top a {
   background: grey;
   border-radius: 50%;
-  padding: 5px;
+  padding: 0.3rem 0.4rem;
   color: white;
 }
 
@@ -343,6 +355,14 @@ a:hover {
     right: -12px;
     top: 12px;
   }
+
+  .carousel-control .icon-next .fa-chevron-right:before, .carousel-control .icon-prev .fa-chevron-left:before {
+
+  }
+
+  .carousel-control .icon-prev, .carousel-control .icon-next {
+    top: 50%;
+  }
 }
 
 @media (min-width: 768px) {