Browse Source

css fixed

andy 2 năm trước cách đây
mục cha
commit
043ce172ce

+ 62 - 7
themes/hugo-universal-theme-master/static/css/style.bhouse.scss

@@ -2108,12 +2108,7 @@ img {
 //   background-repeat: repeat-x;
 //   // height: 3px;
 // }
-.main-content-bg-line {
-  position: absolute;
-  top: -95px;
-  right: -90px;
-  z-index: -5;
-}
+
 .dotted {
   border: none;
   border-top: 4px dotted #e0ee79;
@@ -2141,6 +2136,17 @@ img {
   @media screen and (max-width: 767px) {
     display: none;
    }
+   .main-content-bg-line {
+    position: absolute;
+    top: -95px;
+    right: -90px;
+    z-index: -5;
+    width: 34.7vw;
+    @media screen and (max-width: 1200px) {
+      width: 36vw;
+    }
+ 
+  }
   .bg01-hand {
     margin-top: -100px;
   }
@@ -2150,7 +2156,44 @@ img {
     right: 30px;
     bottom: -130px;
   }
-
+  .step2{
+    margin-top: -50px;
+    @media screen and (max-width: 1200px) {
+      margin-top: -30px;
+     }
+  }
+  .step1-0{
+    width: 40%;
+  }
+  .step1-1{
+    width: 90%;
+    margin-left: 30px;
+  }
+  .step3{
+    width: 90%;
+    margin-top: 30px;
+   
+  
+  }
+  .step4{
+    width: 60%;
+    margin-right: 50px;
+     margin-top:-30px;
+  }
+  .step5{
+     margin-top:30px;
+  }
+  .step5-2{
+    margin-right: 70px;
+     margin-top:-50px;
+  }
+  .meihaochengjia{
+    width:130px;
+    position: absolute; 
+    right:30px;
+     top:20px;
+   
+  }
   .room-planner-process-main-box {
     width: 95%;
     margin: 0 auto;
@@ -2160,6 +2203,9 @@ img {
       padding: 20px;
       background: #fff;
       border-radius: 16px;
+      @media screen and (max-width: 1200px) {
+        padding: 10px;
+       }
       .step04_direction{
         position: absolute;
         left:-50px;
@@ -2278,6 +2324,7 @@ img {
 .room-planner-process-main-content-step-img {
   margin-top: -50px;
 }
+
 .room-planner-process-main-content-step-4-6img {
   margin-top: 380px;
 }
@@ -2302,6 +2349,14 @@ margin: 50px auto;
 font-size: 24px;
 }
 // 手機版
+.section-room-planner-process-mb-main{
+  @media screen and (min-width: $desktop) {
+    display: none;
+   }
+  @media screen and (max-width: 991px) {
+    display: block;
+   }
+}
 .room-planner-process-mb-main{
   .room-planner-process-main-title-box {
     width: 100%;