drupal - responsive popravki frontpage, footer, menu, ceniki, generic site

frontend/drupal9/web/themes/custom/pro1ka/css/style.css

@@ -943,6 +943,39 @@ body {
   width: 35%;
   line-height: 1.4; }
 
+@media screen and (max-width: 991px) {
+  .slider-right {
+    height: auto;
+    margin-top: 40px; } }
+@media screen and (max-width: 479px) {
+  .slider-right {
+    height: 335px !important;
+    margin-top: 10px !important;
+    margin-bottom: -40px !important; }
+
+  .slider-title {
+    font-size: 30px !important;
+    margin-bottom: 20px !important;
+    font-weight: 400 !important; }
+
+  .slider-subtitle {
+    margin-bottom: 20px !important; }
+
+  .section-title {
+    padding: 0 !important; }
+    .section-title .title {
+      font-size: 23px !important;
+      line-height: 29px !important; }
+
+  .flexcol .content {
+    padding: 0 !important; }
+
+  .blok .text {
+    font-size: 40px !important;
+    line-height: 40px !important; }
+
+  .pridruzi-se-nam .row {
+    flex-direction: column; } }
 .breadcrumbs {
   display: -webkit-box;
   display: -webkit-flex;
@@ -1030,6 +1063,13 @@ ul.seznam-tem {
       font-size: 18px;
       font-weight: 400; }
 
+@media screen and (max-width: 479px) {
+  ul.quicktabs-tabs li {
+    margin: 0 !important;
+    padding: 10px !important; }
+    ul.quicktabs-tabs li a {
+      font-size: 15px;
+      line-height: 19px; } }
 .modal, .rexister-modal {
   position: fixed;
   left: 0%;
@@ -2151,6 +2191,12 @@ nav.tabs {
     .nav-menu .menu-icon img {
       height: 35px;
       cursor: pointer; } }
+@media screen and (max-width: 479px) {
+  .nav-menu .menu-icon {
+    margin-right: 25px; }
+
+  .mobile-nav-menu {
+    min-width: unset; } }
 #block-languageswitcher {
   margin-right: 40px; }
   #block-languageswitcher ul {
@@ -2228,6 +2274,14 @@ a {
 .blue-section .secondary-button-white {
   color: white; }
 
+@media screen and (max-width: 479px) {
+  .div-block-17 .buttons-row {
+    flex-direction: column; }
+    .div-block-17 .buttons-row a {
+      max-width: unset;
+      width: unset; }
+      .div-block-17 .buttons-row a.main-button-white {
+        margin-bottom: 10px; } }
 #search-api-page-block-form-iskanje {
   display: flex; }
   #search-api-page-block-form-iskanje .js-form-type-search {
@@ -2424,7 +2478,8 @@ body {
 img {
   max-width: 100%;
   vertical-align: middle;
-  display: inline-block; }
+  display: inline-block;
+  align-self: center; }
 
 html.w-mod-touch * {
   background-attachment: scroll !important; }
@@ -4862,7 +4917,8 @@ p {
   z-index: 3;
   padding-right: 20px;
   font-size: 16px;
-  font-weight: 600; }
+  font-weight: 600;
+  align-self: center; }
 
 .si {
   width: 50%;
@@ -6439,16 +6495,24 @@ p {
     font-size: 14px; }
 
   .compare-col.leftcol {
-    -webkit-box-flex: 2;
-    -webkit-flex: 2;
-    -ms-flex: 2;
-    flex: 2; }
-
-  .ostale-storitve .compare-col.leftcol {
     -webkit-box-flex: 100%;
     -webkit-flex: 100%;
     -ms-flex: 100%;
     flex: 100%; }
+
+  .h2-compare {
+    margin-bottom: 0 !important; }
+
+  .accordion-title:not(.title-cena) {
+    line-height: normal;
+    align-self: center;
+    min-height: 35px;
+    display: flex;
+    align-items: center; }
+
+  .accordion-title-block .accordion-icon {
+    margin-top: 0; }
+
   .ostale-storitve .accordion-title-block {
     display: block; }
     .ostale-storitve .accordion-title-block .title-cena {
@@ -6593,8 +6657,8 @@ p {
     margin-right: 0px; }
 
   .col {
-    padding-right: 10px;
+    padding-right: 0 !important;
-    padding-left: 10px; }
+    padding-left: 0 !important; }
 
   .col._6-12-12-12 {
     -webkit-box-flex: 0;
@@ -6699,6 +6763,14 @@ p {
     -ms-flex: 0 0 33.3333%;
     flex: 0 0 33.3333%; }
 
+  .ostale-storitve.compare-col {
+    padding-right: 2px;
+    padding-left: 2px;
+    -webkit-box-flex: 0;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1; }
+
   .compare-col.leftcol {
     margin-top: 0px;
     padding-top: 0px;
@@ -6727,6 +6799,7 @@ p {
     font-size: 14px; }
 
   .div-block-22 {
+    margin-top: 40px;
     display: block;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;

frontend/drupal9/web/themes/custom/pro1ka/sass/bacis/frontpage.scss

@@ -549,3 +549,57 @@
     line-height: 1.4;
   }
 }
+
+@media screen and (max-width: 991px) {
+  .slider-right {
+    height: auto;
+    margin-top: 40px;
+  }
+}
+
+@media screen and (max-width: 479px) {
+
+  .slider-right {
+    height: 335px !important;
+    margin-top: 10px !important;
+    margin-bottom: -40px !important;
+  }
+
+  .slider-title {
+    font-size: 30px !important;
+    margin-bottom: 20px !important;
+    font-weight: 400 !important;
+  }
+
+  .slider-subtitle {
+    margin-bottom: 20px !important;
+  }
+
+  .section-title {
+    padding: 0 !important;
+
+    .title {
+      font-size: 23px !important;
+      line-height: 29px !important;
+    }
+  }
+
+  .flexcol {
+    .content {
+      padding: 0 !important;
+    }
+  }
+
+  .blok {
+    .text {
+      font-size: 40px !important;
+      line-height: 40px !important;
+    }
+  }
+
+  .pridruzi-se-nam{
+    .row{
+      flex-direction: column;
+    }
+  }
+}

frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss

@@ -825,6 +825,7 @@ p {
   padding-right: 20px;
   font-size: 16px;
   font-weight: 600;
+  align-self: center;
 }
 
 .si {
@@ -2658,14 +2659,6 @@ p {
     font-size: 14px;
   }
 
-  .compare-col.leftcol {
-    -webkit-box-flex: 2;
-    -webkit-flex: 2;
-    -ms-flex: 2;
-    flex: 2;
-  }
-
-  .ostale-storitve{
   .compare-col.leftcol {
     -webkit-box-flex: 100%;
       -webkit-flex: 100%;
@@ -2673,6 +2666,25 @@ p {
       flex: 100%;
   }
 
+  .h2-compare {
+    margin-bottom: 0 !important;
+  }
+
+  .accordion-title:not(.title-cena){
+    line-height: normal;
+    align-self: center;
+    min-height: 35px;
+    display: flex;
+    align-items: center;
+  }
+
+  .accordion-title-block{
+    .accordion-icon{
+      margin-top: 0;
+    }
+  }
+
+  .ostale-storitve{
     .accordion-title-block{
       display: block;
 
@@ -2864,8 +2876,8 @@ p {
   }
 
   .col {
-    padding-right: 10px;
+    padding-right: 0 !important;
-    padding-left: 10px;
+    padding-left: 0 !important;
   }
 
   .col._6-12-12-12 {
@@ -2997,6 +3009,16 @@ p {
     flex: 0 0 33.3333%;
   }
 
+  .ostale-storitve.compare-col {
+    padding-right: 2px;
+    padding-left: 2px;
+    -webkit-box-flex: 0;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+  }
+
+
   .compare-col.leftcol {
     margin-top: 0px;
     padding-top: 0px;
@@ -3031,6 +3053,7 @@ p {
   }
 
   .div-block-22 {
+    margin-top: 40px;
     display: block;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;

frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/components.scss

@@ -59,6 +59,7 @@ img {
   max-width: 100%;
   vertical-align: middle;
   display: inline-block;
+  align-self: center;
 }
 html.w-mod-touch * {
   background-attachment: scroll !important;

frontend/drupal9/web/themes/custom/pro1ka/sass/components/_footer.scss

@@ -3,3 +3,19 @@
     color: white;
   }
 }
+
+@media screen and (max-width: 479px) {
+  .div-block-17{
+    .buttons-row{
+      flex-direction: column;
+      a{
+        max-width: unset;
+        width: unset;
+
+        &.main-button-white{
+          margin-bottom: 10px;
+        }
+      }
+    }
+  } 
+}

frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss

@@ -406,3 +406,15 @@ nav.tabs {
     }
   }
 }
+
+@media screen and (max-width: 479px) {
+  .nav-menu {
+    .menu-icon {
+      margin-right: 25px;
+    }
+  }
+
+  .mobile-nav-menu{
+    min-width: unset;
+  }
+}

frontend/drupal9/web/themes/custom/pro1ka/sass/components/_quicktabs.scss

@@ -75,3 +75,16 @@ ul.seznam-tem{
     }
   }
 }
+
+@media screen and (max-width: 479px) {
+  ul.quicktabs-tabs{
+    li{
+      margin: 0 !important;
+      padding: 10px !important;
+      a{
+        font-size: 15px;
+        line-height: 19px;
+      }
+    }
+  } 
+}