EduardET

remove responsive

Nov 15th, 2017
122
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.67 KB | None | 0 0
  1. @media only screen and ( min-width: 961px ) {
  2.     .et_fullwidth_view .et-products li:nth-child(4n) { margin-right: 0 !important; }
  3.     .et_fullwidth_view .et-products li:nth-child(4n+1) { clear: both; }
  4.  
  5.     .et_includes_sidebar .et-products li:nth-child(3n) { margin-right: 0 !important; }
  6.     .et_includes_sidebar .et-products li:nth-child(3n+1) { clear: both; }
  7.     .et_includes_sidebar .et-products li, .et_includes_sidebar .products li { margin-right: 45px !important; }
  8.     .et_includes_sidebar .products li.last { margin-right: 0 !important; }
  9.  
  10.     #et-search { margin-left: -43px; }
  11.  
  12.     #et_pt_portfolio_gallery { margin-right: -30px !important; }
  13.         .et_pt_portfolio_item { margin-left: 38px !important; }
  14.  
  15.     .et_portfolio_small .et_pt_portfolio_item { margin-left: 23px !important; }
  16.  
  17.     #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -46px !important; }
  18.         .et_portfolio_large .et_pt_portfolio_item { width: 420px !important; margin-left: 26px !important; }
  19. }
  20.  
  21. @media only screen and ( max-width: 960px ) {
  22.     #et-search, p#et-search-title, p#et-search-title span { background: none !important; }
  23.     #et-search { width: auto !important; height: auto !important; }
  24.         #et-search-inner { padding: 0 !important; }
  25.             #et-search-right { float: none !important; clear: both; text-align: left !important; }
  26.                 #et_search_submit { background: #BBB8B8 !important; color: #111 !important; }
  27.             p#et-search-title { margin-bottom: 2px !important; }
  28.                 p#et-search-title span { padding: 0 !important; text-shadow: none !important; }
  29.     #et-searchinput { width: auto !important; }
  30.     p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none !important; }
  31.     #et-search-left { float: none !important; width: 100% !important; }
  32. }
  33.  
  34. @media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
  35.     #container, #et-slides, .et-slide, .et-carousel-wrapper { width: 728px; }
  36.         .et-cart { position: absolute; top: -30px; right: 0; }
  37.         #et-slides { height: 456px; }
  38.         .et-slide .description { top: 95px; }
  39.         .et-controllers { bottom: 45px; }
  40.         .et-slide .et-slide-button { bottom: 96px; }
  41.  
  42.     #offers { height: 152px; }
  43.         #offers li { width: 243px; }
  44.             .offers-description { top: 43px; }
  45.  
  46.     .et-products li, .products li { margin-right: 80px !important; }
  47.  
  48.     .et_fullwidth_view .et-products li:nth-child(3n) { margin-right: 0 !important; }
  49.     .et_fullwidth_view .et-products li:nth-child(3n+1) { clear: both; }
  50.  
  51.     .et_includes_sidebar .et-products li:nth-child(2n), .et_includes_sidebar .products li:nth-child(2n) { margin-right: 0 !important; }
  52.     .et_includes_sidebar .et-products li:nth-child(2n+1), .et_includes_sidebar .products li:nth-child(2n+1) { clear: both; }
  53.     .woocommerce ul.products li.first, .woocommerce-page ul.products li.first { clear: none; }
  54.  
  55.     #client-logos { padding: 54px 54px 54px 56px; }
  56.         #client-logos li { width: 124px; margin-right: 40px; }
  57.  
  58.     .footer-column { padding-right: 19px; width: 170px; }
  59.  
  60.     #content-area:before { left: 482px; }
  61.         #main-area { width: 362px; }
  62.         #sidebar { width: 174px; padding-left: 36px; }
  63.  
  64.     body.woocommerce .images { width: 160px !important; }
  65.     body.woocommerce div.product div.summary, body.woocommerce #content div.product div.summary { width: 165px; }
  66.  
  67.     #et_pt_gallery { margin-left: -54px !important; margin-right: -20px !important; }
  68.         .et_pt_gallery_entry { margin-left: 11px !important; }
  69.  
  70.     #et_pt_portfolio_gallery { margin-left: -35px !important; margin-right: -20px !important; }
  71.         .et_pt_portfolio_item { margin-left: 13px !important; width: 201px !important; }
  72.         .et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 50px !important; }
  73.         .et_portfolio_more_icon { left: 65px !important; }
  74.         .et_portfolio_zoom_icon { left: 106px !important; }
  75.  
  76.     #et_pt_portfolio_gallery.et_portfolio_small { margin-left: -39px !important; }
  77.         #et_pt_portfolio_gallery.et_portfolio_small .et_pt_portfolio_item { margin-left: 13px !important; width: 117px !important; }
  78.             #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { top: 20px !important; }
  79.             #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon { left: 26px !important; }
  80.             #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { left: 62px !important; }
  81.  
  82.     #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -42px !important; }
  83.         #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 9px !important; width: 321px !important; }
  84.             #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 99px !important; }
  85.             #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 140px !important; }
  86.             #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 178px !important; }
  87.  
  88.     .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { width: 100% !important;}
  89. }
  90.  
  91.  
  92. @media only screen and ( max-width: 767px ) {
  93.     body { overflow-x: hidden; }
  94.     #container, #et-slides, .et-slide, .et-carousel-wrapper { width: 440px; }
  95.         #et-slides { height: 275px; }
  96.         #top-navigation, #top-categories, #sidebar, #content-area:before { display: none; }
  97.         .et-slide .description { top: 55px; }
  98.             .et-slide .description header { padding: 15px 10px; }
  99.                 .et-slide .description header h1 { font-size: 36px; }
  100.                 .et-slide .description header h2 { font-size: 18px; }
  101.         .et-arrow-prev, .et-arrow-next { padding: 26px 2px; }
  102.         .et-arrow-prev span, .et-arrow-next span { width: 15px; height: 21px; }
  103.         .et-arrow-prev span { background: url(images/small-left-arrow.png) no-repeat; }
  104.         .et-arrow-next span { background: url(images/small-right-arrow.png) no-repeat; }
  105.         #featured:hover .et-arrow-prev, #offers:hover .et-arrow-prev { left: -22px; }
  106.         #featured:hover .et-arrow-next, #offers:hover .et-arrow-next { right: -22px; }
  107.         .more-button { font-size: 24px; padding: 11px 17px; }
  108.         .et-slide .et-slide-button { bottom: 62px; }
  109.         .et-controllers { bottom: 26px; }
  110.  
  111.     #offers { height: 275px; }
  112.         #offers li { width: 440px; }
  113.         .offers-description { top: 103px; }
  114.  
  115.     .et-products li, .products li { margin-right: 34px !important; }
  116.  
  117.     .et-products li:nth-child(2n), .products li:nth-child(2n) { margin-right: 0 !important; }
  118.     .et-products li:nth-child(2n+1), .products li:nth-child(2n+1) { clear: both; }
  119.  
  120.     .woocommerce ul.products li.first, .woocommerce-page ul.products li.first { clear: none; }
  121.  
  122.     #client-logos { padding: 53px 80px 0 67px; }
  123.         #client-logos li { width: 124px; margin-right: 40px; padding-bottom: 53px; }
  124.         #client-logos li:nth-child(2) { margin-right: 0; }
  125.  
  126.     .footer-column { padding-left: 60px; padding-right: 60px; width: 320px; }
  127.     .footer-column h4.widgettitle { margin-left: -60px; margin-right: -60px; }
  128.  
  129.     #footer-bottom { text-align: center; }
  130.     #mobile-sidebar { display: block; }
  131.  
  132.     #mobile-sidebar, #main-page-wrapper { -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  133.  
  134.     .et-sidebar-open #mobile-sidebar { right: 0; }
  135.     #page-wrap { overflow: hidden; position: relative; width: 100%; }
  136.  
  137.     #main-area { float: none; width: auto; }
  138.     .entry { margin-right: -55px; }
  139.  
  140.     .commentlist .children { padding-left: 0; }
  141.  
  142.     #content-area .wp-pagenavi { text-align: center; }
  143.         #content-area .wp-pagenavi .pages { display: none; }
  144.  
  145.     body.woocommerce .images { width: 102px !important; float: left !important; }
  146.     body.woocommerce div.product div.summary, body.woocommerce #content div.product div.summary { width: 188px; }
  147.  
  148.     table.cart th, #content table.cart th, table.cart td, #content table.cart td, table.cart tr, #content table.cart tr { max-width: 55px; }
  149.  
  150.     .et_pt_gallery_entry { margin-left: 74px !important; }
  151.  
  152.     .sitemap-col { float: none !important; width: auto !important; }
  153.  
  154.     .et_portfolio_small .et_pt_portfolio_item { width: 380px !important; margin-bottom: 10px; margin-left: 17px !important; }
  155.         .et_portfolio_small .et_pt_portfolio_entry { float: left; margin-right: 15px; }
  156.         .et_portfolio_small .et_portfolio_more_icon, .et_portfolio_small .et_portfolio_zoom_icon { top: 30px !important; }
  157.         .et_portfolio_small .et_portfolio_more_icon { left: 38px !important; }
  158.         .et_portfolio_small .et_portfolio_zoom_icon { left: 77px !important; }
  159.  
  160.     #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -23px !important; }
  161.         #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: -27px !important; width: 404px !important; }
  162.         #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 109px !important; }
  163.         #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 155px !important; }
  164.         #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 195px !important; }
  165.  
  166.     .et_only_mobile_arrows .et-slider-arrows { display: block; }
  167.  
  168.     .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { width: 100% !important;}
  169. }
  170.  
  171. @media only screen and ( max-width: 479px ) {
  172.     #container, #et-slides, .et-slide, .et-carousel-wrapper, #offers li { width: 280px; }
  173.     #et-slides, #offers { height: 175px; }
  174.         .et-slide .description header { padding: 10px; }
  175.             .et-slide .description header h1 { font-size: 24px; }
  176.             .et-slide .description header h2 { font-size: 12px; }
  177.         .more-button { font-size: 18px; padding: 9px 14px; }
  178.         .et-slide .description { top: 29px; }
  179.         .et-slide .et-slide-button { bottom: 26px; }
  180.         .et-controllers, #main-footer, #breadcrumbs { display: none; }
  181.  
  182.     .offers-description { top: 55px; }
  183.  
  184.     #client-logos { padding: 66px 52px 20px 58px; }
  185.         #client-logos li { width: 170px; margin-right: 0; padding-bottom: 44px; float: none; }
  186.  
  187.     .et-products li, .products li { margin-right: 0 !important; }
  188.     .products li { float: none !important; clear: both !important; }
  189.  
  190.     .et-sidebar-open #mobile-sidebar { width: 273px; }
  191.  
  192.     #content-area .wp-pagenavi { margin: 0 -53px 0 -57px; }
  193.  
  194.     .short-description, .product_meta, body.woocommerce div.product .woocommerce-tabs, body.woocommerce #content div.product .woocommerce-tabs { display: none; }
  195.     body.woocommerce .images { float: none !important; width: auto !important; margin-bottom: 40px !important; clear: both !important; }
  196.  
  197.     table .product-thumbnail { display: none; }
  198.  
  199.     #main-area table { margin-left: -57px; }
  200.     .woocommerce-page #content div.product form.cart .variations { margin-left: 0; }
  201.  
  202.     table.cart th, #content table.cart th, table.cart td, #content table.cart td, table.cart tr, #content table.cart tr, #content-area table tr, #content-area table td, #content-area table th { padding: .857em 0.287em; }
  203.  
  204.     .et_pt_gallery_entry { margin-left: 2px !important; }
  205.  
  206.     #et_pt_portfolio_gallery, #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -39px !important; }
  207.         .et_pt_portfolio_item, #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 0 !important; width: 228px !important; }
  208.             .et_portfolio_more_icon, .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 53px !important; }
  209.             .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 70px !important; }
  210.             .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 110px !important; }
  211.  
  212.     #et_pt_portfolio_gallery { margin-left: -38px !important; }
  213.  
  214.     .et_portfolio_small .et_pt_portfolio_item { width: 255px !important; margin-left: 0 !important; }
  215.  
  216.     .woocommerce .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width: 100% !important; }
  217.     .woocommerce .woocommerce form .form-row, .woocommerce-page form .form-row { width: auto !important; float: none !important; }
  218.  
  219.     #order_review .shop_table { margin-left: 0; }
  220. }
Advertisement
Add Comment
Please, Sign In to add comment