Сообщений в теме: 5

[fild77]

Здравствуйте.
Помогите немного поправить шаблон. Отображается немного криво в мобильных устройствах

Прикрепленные изображения

• 

[Vaccina]

Уточните пожалуйста, вы хотите отключить адаптивный вариант и чтобы на мобильном было отображение как на ПК?

[fild77]

Шаблон для мобильных устройств давно отключен.

[Vaccina]

У вас не удалены стили отвечающие за меньшее разрешение в style.css:

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .hidden-tablet {display: none !important;}
  .container								  { width: 747px;}
  .container .columns						 { margin-left: 10px; margin-right: 10px;  }
  .columns.alpha			   { margin-left: 0; margin-right: 10px; }
  .columns.omega			   { margin-right: 0; margin-left: 10px; }
  .alpha.omega								{ margin-left: 0; margin-right: 0; }
  .container .two.columns					 { width: 76px; }
  .container .four.columns					{ width: 172px; }
  .container .five.columns					{ width: 220px; }
  .container .twelve.columns				  { width: 542px; margin-top: 15px;}
 
  .fluid-container  {position: relative;height:400px;}
  .camera_wrap {height:400px !important;}
  .camera_caption {display: none !important;}
 
  .carousel_also_purchased .jcarousel-control-prev {left: 50%; margin-left: -270px;}
  .carousel_also_purchased .jcarousel-control-next {right: 50%; margin-right: -270px;}
 
  .header_bar .logo {width: 182px;}
  .header_bar h1 {margin-left: 202px;font-size: 18px;line-height: 24px;}
  .header_bar #search {margin-left: 202px;}
  .home #header {margin-left: -384px;}
  .product_img_wrapper {width: 44% !important;}
  #search {width: 220px;position: absolute;top: 65px;right: 90px;}
  .shopping_cart_block {top: 65px;}
  .promo_block li {margin: 10px 5px 5px 5px;width: 115px;}
  .infoBox { margin: 0 0 10px 0;}
  .box-heading {padding: 6px 15px 6px 37px;}
  .box-heading a {font-size: 14px;}
  .wishlist, .compare {margin-left: 20px;}
  #footer .container .four.columns {border: none; margin-top: 20px;width: 155px;}
  .product-list3 .four.columns, .product-list4 .four.columns {width: 100%;}
  .product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {width: 180px;padding-left: 10px;}
  .product-list3 .four.columns .item-detail, .product-list4 .four.columns .item-detail {margin-right: 190px;}
  .product-recent .product-name {height: 40px;overflow: hidden;}
  .product-recent .product-name a {font-size: 10px;height: 30px;overflow: hidden;}
  .product-recent .buy_button {padding: 10px 5px;font-size: 10px;}
  .content-form {height: 360px;}
  .contentContainer .left {width:49%;}
  .shopping-cart-table .qty-button-down {margin-left: 3px;}
  #footer .left {width: 180px;}
  #feedback_file {width: 160px;}
  #feedback_message {width: 100%;}
  #payment_services span{margin-right: 3px}
  #footer .feedbackForm input {width: 111px;}
  #footer .feedbackForm textarea {width: 100%;}
 
  .product-recent .wrapper-hover {width: 90px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .hidden-tablet {display: none !important;}
  .container {width: 460px;}
  .container .column,  .container .columns {margin-left: 5px;margin-right: 5px;}
  .columns.alpha {margin-left: 0;margin-right: 5px;}
  .columns.omega {margin-right: 0;margin-left: 5px;}
  .alpha.omega {margin-left: 0;margin-right: 0;}
  .container .two.columns {width: 200px;}
  .container .four.columns {width: 100%;}
  .container .five.columns, .container .twelve.columns {width: 460px;margin:0;}
 
  .fluid-container  {position: relative;height:380px;}
  .camera_wrap {height:380px !important;}
  .camera_caption {display: none !important;}
 
  #shopping_cart_mini {display: none !important;}  
  .header_bar {display: none !important;}
  .home #header {margin-left: -220px;}
  .logo {width: 32%;}
  .contacts {position: absolute;right: 0;}
  #search{display: block;position: relative;top: 120px;left: 0;width: 400px;}
  #search input[type="text"]{position: absolute;left: 0px;}
  #search input[type="submit"] {position: absolute;right: 0;height: 40px;}
  .promo_block li {width: 25%;}
  #footer .container .four.columns {border: none; margin: 20px 0 0 0;padding-left: 0;padding-right: 0;}
  #footer .container .four.columns .left {margin-left: 16px;}
  .breadcrumbs_box {margin: 15px 0;}
  .product-list3 .four.columns, .product-list4 .four.columns {width: 100%;}
  .product-list3 .four.columns .item-detail .column, .product-list4 .four.columns .item-detail .column {display: block;margin: 0;padding: 10px 5px;}
  .product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {margin: 0;padding: 0;border:none;float: none;}
  .views label {display: none;}
  .shopping_cart_block {right: 0px; top: 120px;}
  .img_link_wrapper{display: none;}
  #tabs a {display: block !important;margin-right: 0 !important;margin-top: 1px;}
  #header .nav-container{text-align:left;background: none;margin-top: 75px}
  #header .nav-container #menu_block_head{display: block;margin-top: 10px;}
  #header .nav-container  .nav_block_head_field{width: 420px;padding-left:10px;background-color: #000000;float:left;height:36px;color: #fff;outline: none;text-decoration: none;line-height:36px;cursor:pointer}
  #header .nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer}
  #header .nav-container .menu_block_dropdown{background-color: #000;list-style: none;margin: 0;padding: 15px 0 0 0;width: 460px;display:none;position:absolute;top:36px;left:0;z-index:99999;}
  #header .nav-container .menu_block_dropdown .et_categ_box{padding:0 10px 20px}
  #header .nav-container .menu_block_dropdown .cat-name{float:none;display:block;border:none}
  #header .nav-container .menu_block_dropdown .et_categ_box a {display: block;outline: none;height:auto;color: #fff;text-decoration: none;text-transform:none;font-size:12px;float:none;padding:6px 0 6px 10px;border-bottom: dotted 1px #515151;line-height: 18px;font-weight:bold}
  #header .nav-container .visible_on{display: block}
  #header .cat-name, .sub-cat-name, .subsub-cat-name{float: none;}
  #header .nav-container .menu_block_dropdown .et_categ_box .sub-cat-name a,
  #header .nav-container .menu_block_dropdown .et_categ_box .subsub-cat-name a{color: #fff !important;font-weight: normal;}
  #header .nav-container .menu_block_dropdown .et_categ_box .sub-cat-name a:hover,
  #header .nav-container .menu_block_dropdown .et_categ_box .subsub-cat-name a:hover{text-decoration: underline}
  #header .nav-container .menu_block_dropdown .et_categ_box .cat-name a{border: none}
  #header .nav-container .menu_block_dropdown .et_categ_box a:hover{border: none;background-color:#34C965;color: #FFF !important;}
  .home .promo_block {margin-bottom: 10px;}
 
  .header_favorites,
  .header_specials,
  .header_newproducts,
  .header_bestsellers,
  .header_also_purchased {background: #eee;position: relative;margin-bottom: 18px;text-align: center;height: 36px;}
 
  .header_favorites h2,
  .header_specials h2,
  .header_newproducts h2,
  .header_bestsellers h2,
  .header_also_purchased h2 {background: #fff;color: #525252;font-family: Arial,sans-serif;font-size: 20px;text-transform: uppercase;display: inline-block;padding: 0 50px;height: 36px;}
 
  .carousel_favorites .jcarousel-control-prev {left: 50%; margin-left: -150px;}
  .carousel_favorites .jcarousel-control-next {right: 50%; margin-right: -150px;}
 
  .carousel_specials .jcarousel-control-prev {left: 50%; margin-left: -150px;}
  .carousel_specials .jcarousel-control-next {right: 50%; margin-right: -150px;}
 
  .carousel_newproducts .jcarousel-control-prev {left: 50%; margin-left: -100px;}
  .carousel_newproducts .jcarousel-control-next {right: 50%; margin-right: -100px;}
 
  .carousel_bestsellers .jcarousel-control-prev {left: 50%; margin-left: -150px;}
  .carousel_bestsellers .jcarousel-control-next {right: 50%; margin-right: -150px;}
 
  .carousel_also_purchased .jcarousel-control-prev {left: 50%; margin-left: -170px;}
  .carousel_also_purchased .jcarousel-control-next {right: 50%; margin-right: -170px;}
 
  .product_info_page_left .infoBox {display: none;}
  .infoBox.infoBoxCategory {display: block;position: fixed;bottom: 0;width: 460px;z-index: 100;margin: 0 0 0 -5px;}
  .infoBox.infoBoxCategory .box-heading {background-color: #999;bottom: 0;position: absolute;width: 405px;z-index: 100;}
  .infoBox.infoBoxCategory .infoBoxContents {display: none;margin-bottom: 40px;background: #fff;}
  .prod_info_price{width:auto;text-align: left}
  .prod_info_name h1{margin-bottom: 0}
  .product_info_wrapper{clear: both;margin-left:0;padding-top: 20px}
  #header input[type="text"], #header input[type="password"], #header input[type="email"], #header textarea, #header select{margin: 0;width: 385px;}
  .prod_info_price{width:auto;}
  .product_img_wrapper, .product_info_wrapper{float: none;margin: 0 auto;width: 100%}
  .right{padding: 0;}
  .content-form {width: 92%;padding: 4%;margin: 10px 0 10px 0 !important;}
  .feedbackForm .left {padding: 0;}
  .feedbackForm textarea {width: 390px;}
  .row{position: relative;display: block;clear: both;}
  #header .buy_button{float: none !important;margin: 0 auto !important;}
  .title {background: #fff;}
  .title h2 {padding: 0;width:100%;}
  #footer .feedbackForm .buttons .buy_button {float: left;margin-left: -1px;}
 
  .shopping-cart-table thead td {padding: 0 10px;white-space: normal;line-height: 20px;}
  .shopping-cart-table .qty-button-down {margin-left: 0;}
  .shopping-cart-table .qty {width: 27px;}
 
}
@media only screen and (max-width: 479px) {
  .hidden-phone {display: none !important;}
  .container { width: 300px; }
  .container .columns,
  .container .column { margin: 0; }
  .container .two.columns,
  .container .four.columns,
  .container .five.columns,
  .container .twelve.columns  { width: 300px; }
 
  .fluid-container  {position: relative;height:380px;}
  .camera_wrap {height:380px !important;}
  .camera_caption {display: none !important;}
 
  #shopping_cart_mini {display: none !important;}
  .header_bar {display: none !important;}
  .home #header {margin-left: -150px;}
  .logo {width: 290px;float: none;padding: 5px;}
  .contacts {float: none;margin: 5px 5px 10px 5px;}
  #search{display: block;position: relative;float: left;top: 0;right: 0;width: 220px;}
  #search input[type="text"] {float: left;margin-bottom: 0px;right: 0px;}
  #search input[type="submit"] {float: right;margin-bottom: 0px;right: -20px;height: 40px;}
  .promo_block li {width: 55px;height:55px;margin: 10px; padding: 0;}
  .promo_block li h3, .promo_block li p {display: none;}
  #tabs a {display: block !important;margin-right: 0 !important;margin-top: 1px;}
  #footer .container .four.columns {border: none; margin: 20px 0 0 0;padding-left: 0;padding-right: 0;}
  #footer .container .four.columns .left {margin-left: 16px;}
  #footer .four.columns h3 {cursor: pointer;}
  #footer .four.columns .open-close{display:block}
  #footer .wrapper{display:none;margin-top:20px}
  #footer .wrapper.unfold{display:block}
  .product-list3 .four.columns, .product-list4 .four.columns {width: 100%;}
  .product-list3 .four.columns .prod_image, .product-list4 .four.columns .prod_image {display: block;width: 100%;text-align: center;}
  .product-list3 .four.columns .prod_image img, .product-list4 .four.columns .prod_image img {max-width: 100%;}
  .product-list3 .four.columns .item-detail, .product-list4 .four.columns .item-detail {display: block;margin:0; padding: 0;width: 100%;text-align: center;}
  .product-list3 .four.columns .item-detail .column, .product-list4 .four.columns .item-detail .column {display: block;margin: 0;padding: 10px 5px; text-align: left;}
  .product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {display: block;float: none; width: 100%;padding: 0;border: none;text-align: left;}
  .product-list3 .four.columns .product-tools .product-price {text-align: center;}
  .product-tools form, .wishlist, .compare {text-align: center;margin-left: 0;}
  .img_link_wrapper{display: none !important}
  #header .nav-container .visible_on {display: block;}
  .nav-container{text-align:left;background: none;margin-top: 0}
  .nav-container #menu_block_head{display: block;margin-top: 10px}
  .nav-container .nav_block_head_field{width:250px;padding-left:10px;padding-right: 10px;background-color: #000000;float:left;height:36px;color: #868686;outline: none;text-decoration: none;line-height:36px;cursor:pointer}
  .nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer}
  .nav-container .menu_block_dropdown{background-color: #000;list-style: none;margin: 0;padding: 15px 0 0 0;width: 300px;display:none;position:absolute;top:36px;left:0;z-index:99999;}
  .nav-container .menu_block_dropdown .et_categ_box{padding:0 10px 20px}
  .nav-container .menu_block_dropdown .cat-name{float:none;display:block;border:none}
  .nav-container .menu_block_dropdown .et_categ_box a {display: block;outline: none;height:auto;color: #fff;text-decoration: none;text-transform:none;font-size:12px;float:none;padding:6px 0 6px 10px;border-bottom: dotted 1px #515151;line-height: 18px;font-weight:bold}
  .cat-name, .sub-cat-name, .subsub-cat-name{float: none;}
  .nav-container .menu_block_dropdown .et_categ_box .cat-name a{border: none}
  .nav-container .menu_block_dropdown .et_categ_box a:hover{border: none;background-color:#34C965;color: #fff !important;}
 
  .product_info_page_left .infoBox {display: none;}
  .infoBox.infoBoxCategory {display: block;position: fixed;bottom: 0;width: 300px;z-index: 100;margin: 0 0 0 -5px;}
  .infoBox.infoBoxCategory .box-heading {background-color: #999;bottom: 0;position: absolute;width: 245px;z-index: 100;}
  .infoBox.infoBoxCategory .infoBoxContents {display: none;margin-bottom: 40px;background: #fff;}
 
  .shopping_cart_block {float:right;position: relative;top: 0;right: 0;}
  #shopping_cart_mini {left: 0}
  button.button{line-height: 14px;padding-top: 3px;padding-bottom: 3px}
 
  .title {background: #fff;}
  .title h2 {padding: 0;width:100%;}
  .header_favorites,
  .header_specials,
  .header_newproducts,
  .header_bestsellers,
  .header_also_purchased {background: #eee;position: relative;margin-bottom: 18px;text-align: center;height: 37px;}
 
  .header_favorites h2,
  .header_specials h2,
  .header_newproducts h2,
  .header_bestsellers h2,
  .header_also_purchased h2 {background: #fff;color: #525252;font-family: Arial,sans-serif;font-size: 16px;text-transform: uppercase;display: inline-block;padding: 0 20px;height: 37px;line-height: 37px;}
 
  .carousel_favorites .jcarousel-control-prev {left: 50%; margin-left: -130px;}
  .carousel_favorites .jcarousel-control-next {right: 50%; margin-right: -130px;}
 
  .carousel_specials .jcarousel-control-prev {left: 50%; margin-left: -130px;}
  .carousel_specials .jcarousel-control-next {right: 50%; margin-right: -130px;}
 
  .carousel_newproducts .jcarousel-control-prev {left: 50%; margin-left: -90px;}
  .carousel_newproducts .jcarousel-control-next {right: 50%; margin-right: -90px;}
 
  .carousel_bestsellers .jcarousel-control-prev {left: 50%; margin-left: -110px;}
  .carousel_bestsellers .jcarousel-control-next {right: 50%; margin-right: -110px;}
 
  .carousel_also_purchased .jcarousel-control-prev {left: 50%; margin-left: -145px;}
  .carousel_also_purchased .jcarousel-control-next {right: 50%; margin-right: -145px;}
 
  #carousel_favorites ul li .product, #carousel_specials ul li .product, #carousel_newproducts ul li .product, #carousel_bestsellers ul li .product, #also_purchased ul li .product {width: 284px !important; margin: 0 3px;}
  .content-form {width: 92%;height: 360px;padding: 4%;margin-left: 0px !important;}
  .content-form .fieldKey .right {float: right;}
  .contentContainer textarea {width: 100%;}
 
  .prod_info_price{text-align: left}
  .prod_info_name h1{margin-bottom: 0}
  .product_info_wrapper{float: none; width: 100%;clear: both;margin-left:0;padding-top: 15px}
  .prod_info_price{width:auto;}
  .product_img_wrapper{margin: 0 auto;width: 100%;float: none;clear: both;}
  .right{float: none; /*width: 100%;padding-top: 0px;*/}
  .row{position: relative;display: block;clear: both;}
  #header .buy_button {float: none !important;margin: 0 auto 10px !important;} 
  .shopping-cart-table tr {border: 1px solid #cdcdcd;}
  .shopping-cart-table thead {display: none;}
  .shopping-cart-table td {display: block;width: 100%;padding: 5px 0;text-align: center !important;border: none;}
  .shopping-cart-table .results + td {width: 100%;}
  .shopping-cart-table a {margin: 0 5px;}
  .shopping-cart-table .qty-button-down {margin-left: 107px;}
  .shopping-cart-table tfoot {background: #eee;}
  .fieldKey .right {float: right;}
  #footer .feedbackForm .buttons .buy_button {float: left;margin-left: -1px;}
 
 
  #feedbackForm input[type="text"],  #feedbackForm input[type="email"] {width: 233px;}
  .feedbackForm .left {width: 100%;}
  .feedbackForm input[type="text"],  .feedbackForm input[type="email"] {width: 228px;}
  .feedbackForm textarea {width: 252px;}
 
 
}

далее найдите:

body {background: #fff;color: #000; margin: 0px;font-family: Arial,sans-serif;height: 100%;}

замените на:

body {background: #fff;color: #000; margin: 0px;font-family: Arial,sans-serif;height: 100%;min-width:960px;}

[fild77]

Все сделал. Ничего не поменялось.

[Vaccina]

Выше я вас просила удалить данный код, вы его закомментировали и в некоторых строках комментирование кода не сработало из-за синтаксиса, также доплнительно удалите данный блок:

@media only screen and (min-width: 960px) and (max-width: 1200px) {
  .container { width: 939px; }
  .container .two.columns					 { width: 100px; }
  .container .four.columns					{ width: 209px; }
  .container .five.columns					{ width: 280px; }
  .container .twelve.columns				  { width: 680px; }
 
  .fluid-container  {position: relative;height:500px;}
  .camera_wrap {height:500px !important;}
  .header_bar .logo {width: 219px;}
  .header_bar h1 {margin-left: 259px;font-size: 18px;line-height: 24px;}
  .header_bar #search {margin-left: 259px;}
  .home #header {margin-left: -480px;}
  .shopping_cart .cart_link { display: none !important;}
  #footer .container .four.columns {border: none; margin-top: 20px;}
  .product-list3 .four.columns, .product-list4 .four.columns {width: 100%;}
  .nav-container {width: 100%; margin-left: 0;}
  .product-recent .product-name {height: 40px;overflow: hidden;}
  .product-recent .product-name a {font-size: 10px;height: 30px;overflow: hidden;}
  .product-recent .buy_button {padding: 10px 5px;font-size: 10px;}
  .content-form {height: 320px;}
  #footer .feedbackForm input {width: 165px;}
  #footer .feedbackForm textarea {width: 100%;}
 
  /*#carousel_specials .product,
  #carousel_newproducts .product,
  #carousel_bestsellers .product,
  #also_purchased .product {width: 208px;}*/
}

после изменений обязательно почистите кэш, так как в мобильном браузере отображение вашего сайта уже выглядит иначе.