mobile view changed

therajibhossain · Jun 18, 2019 · a1cf4ae · a1cf4ae
1 parent 0e0cf9c
commit a1cf4ae
Show file tree

Hide file tree

Showing 8 changed files with 268 additions and 100 deletions.
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/assets/css/style-mobile.css b/assets/css/style-mobile.css
@@ -161,6 +161,7 @@ body {
 		counter-reset: step;
 		height: auto;
 		padding: 0;
+		margin-left:0
 	}
 	.res-progress #progressbar li {
 		width: auto;
@@ -182,7 +183,6 @@ body {
 		display: block;
 		font-size: 14px;
 		color: #fff;
-		background: #27ae5f;
 		margin: 0 auto 5px auto;
 		height: 40px;
 		border-radius: 50%;
@@ -207,4 +207,17 @@ body {
 	.none{
 		display: none;
 	}
-}
+}
+.res-progress #progressbar {
+	margin-left: 0;
+}
+
+/*rhossain start*/
+.res-progress #progressbar li span{
+    float: left;
+}
+.res-progress #progressbar li span.active{
+    background:  #27ae5f;
+}
+
+/*rhossain end*/
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -122,4 +122,45 @@ body {
 }
 #titlebar.single.submit-page h2, .submit-page {
     padding: 0;
-}
+}
+@media only screen and (max-width: 1300px) {
+    #progressbar li::before {
+        width: 40px;
+        height: 40px;
+        line-height: 40px;
+        top: 80px;
+    }
+    #post-job, #checkout-job {
+        width: 60%;
+        margin-left: 10%;
+    }
+    #progressbar-div {
+        width: 60%;
+    }
+}
+@media only screen and (max-width: 991px) {
+    #progressbar li::before {
+        width: 40px;
+        height: 40px;
+        line-height: 40px;
+        top: 80px;
+    }
+    #post-job, #checkout-job {
+        width: 60%;
+        margin-left: 10%;
+    }
+    #progressbar::after {
+        left: -4px;
+    }
+    #progressbar-div {
+        width: 60%;
+    }
+    #progressbar:before {
+        left: -5px;
+    }
+}
+/*rhossain start*/
+#titlebar h1, #titlebar h2 {
+    margin-top: 65px !important;
+}
+/*rhossain end*/