Advertisement
andhiirawan

Walet Market - Home with WA in Mobile

Mar 4th, 2018
137
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.94 KB | None | 0 0
  1. @media only screen and (max-width: 768px) {
  2.     .q_slider {
  3.         /*display: none;*/
  4.     }
  5.   #wh-widget-send-button    {
  6.     height: 130px !important;
  7.   }
  8.   div.wh-widget-send-button-wrapper,
  9.   div.wh-widget-send-button-wrapper.wh-widget-right {
  10.   height: 136px;
  11. }      
  12.   div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list {
  13.   bottom: 44px !important;
  14.     /*height: 144px !important;*/
  15.   }
  16.   html .formcraft-css .fc-form .field-cover > div input[type="text"],
  17.   html .formcraft-css .fc-form .field-cover > div textarea {
  18.   width: 85% !important;
  19.   }
  20.   .formcraft-css .fc-form.fc-form-1 .form-element .field-cover select   {
  21.   width: 98% !important;
  22.   }
  23.   .wpb_text_column :last-child, .wpb_text_column p:last-child {
  24.   text-align: left !important;
  25.   }
  26.   html .formcraft-css .fc-form .field-cover > span span.sub-label {
  27.   text-align: unset !important;
  28.   }
  29.   .content .container .container_inner {
  30.   padding: 0 0 0 0 !important;
  31.   }
  32.   .carousel.full_screen {
  33.     background-color: transparent;
  34.   }
  35.   #wacht a {
  36.     top: 84% !important;
  37.     min-width: 100%;
  38.     max-width: 100%;
  39.     height: 25px;
  40.   }
  41.   #wacht a::before {
  42.     font-size: 25px;
  43.     margin-left: -10px;
  44.     margin-right: 12px;
  45.     font-size: 25px;
  46.   }
  47.   #wh-widget-send-button.wh-widget-right {
  48.     bottom: 40% !important;
  49.     right: -5% !important;
  50.     display: none;
  51.   }
  52.   html .formcraft-css .fc-form .form-page-content .form-element-type-heading
  53.   .wh-widget-hello-popup-wrapper .wh-widget-hello-popup,
  54.   html .formcraft-css .fc-form .form-element.form-element-field24,
  55.   #wh-call-to-action a .wh-call-to-action-content,
  56.   #back_to_top {
  57.   display: none;
  58.   }
  59.   nav.mobile_menu {
  60.     background-color: #ebeb;
  61.   }  
  62.   .fa-bars::before {
  63.   color: black;
  64.   }
  65.   html .formcraft-css .fc-form .form-element.form-element-field18 {
  66.     top: -1.75em !important;
  67.   }
  68.   html .formcraft-css .fc-form .form-element.form-element-field37,
  69.   html .formcraft-css .fc-form .form-element.form-element-field38 {
  70.     width: 94% !important;
  71.     top: -20px !important;
  72.   }
  73.   #foogallery-gallery-7560 {
  74.     text-align: center !important;
  75.   }
  76. }
  77.  
  78. @media only screen and (min-width: 769px) and (max-width: 1920px) {
  79.   .q_slider {
  80.         /*height: 250px;*/
  81.     }
  82.   .q_slider .text {
  83.         position: absolute;
  84.       /*top: -28%;*/
  85.     }
  86.    .q_slider .carousel, .qode_slider_preloader, .carousel-inner>.item {
  87.         /*height: 290px !important;*/
  88.     }
  89.   .home header.light {
  90.     display: block !important;
  91.     background: white;
  92.   }
  93.   .home header.light .main_menu span {
  94.     color: black;
  95.   }
  96.   .home header.light .main_menu span:hover {
  97.     color: white;
  98.   }
  99.   .formcraft-css .fc-form.fc-form-1 .form-element .field-cover select   {
  100.    width: 110% !important;
  101.   }
  102.   #back_to_top,
  103.   #wacht a {
  104.     display: none;
  105.   }
  106.   .form-element-field37,
  107.   .form-element-field38 {
  108.     width: 39% !important;
  109.     left: 3% !important;
  110.     top: -3.2% !important;
  111.   }
  112.   .form-element-field37 .form-element-html,
  113.   .form-element-field38 .form-element-html {
  114.     height: 70px;
  115.   }
  116.   .form-element-field37 .form-element-html .full,
  117.   .form-element-field38 .form-element-html .full {
  118.     position: relative;
  119.     bottom: 40%;
  120.   }    
  121. }
  122. .qode_slider_preloader {
  123.   background-color: transparent;
  124. }
  125. .box_holder_icon {
  126.   left: 45% !important;
  127. }
  128. .form-element-field4,
  129. .form-element-field5,
  130. .form-element-field6,
  131. .form-element-field7,
  132. .form-element-field8,
  133. .form-element-field9,
  134. .form-element-field10,
  135. .form-element-field11,
  136. .form-element-field13,
  137. .form-element-field14,
  138. .form-element-field15,
  139. .form-element-field16,
  140. .form-element-field17,
  141. .form-element-field18,
  142. .form-element-field20,
  143. .form-element-field21,
  144. .form-element-field22,
  145. .form-element-field23,
  146. .form-element-field26,
  147. .form-element-field27,
  148. .form-element-field28,
  149. .form-element-field29,
  150. .form-element-field32 {
  151.   width: 50% !important;
  152. }
  153. html .formcraft-css .fc-form .field-cover > span {
  154.   padding-right: 16px;
  155. }
  156. html .formcraft-css .fc-form .form-element.is-required-true .field-cover .main-label > span::after {
  157.   right: -10px;
  158. }
  159. html .formcraft-css .fc-form .form-element.form-element-field11,
  160. html .formcraft-css .fc-form .form-element.form-element-field18,
  161. html .formcraft-css .fc-form .form-element.form-element-field23,
  162. html .formcraft-css .fc-form .form-element.form-element-field37,
  163. html .formcraft-css .fc-form .form-element.form-element-field38 {
  164.   float: right !important;
  165. }
  166. html .formcraft-css .fc-form .form-element.form-element-field18 {
  167.   font-size: 11px !important;
  168. }
  169. html .formcraft-css .fc-form .form-element.form-element-field30 {
  170.   display: block;
  171. }
  172. #callnowbutton {
  173.   background: #0077be !important;
  174.   height: 40px;
  175. }
  176. #callnowbutton img {
  177.   height: 80%;  
  178. }
  179. .carousel-inner h2 {
  180.   text-shadow: 2px 2px 4px #FFD700;
  181.   line-height: 60px !important;
  182.   font-weight: bold;
  183. }
  184. .carousel-inner p {
  185.   text-shadow: 2px 2px 4px #FFD700;
  186.   font-weight: bold;
  187. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement