Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Проблемы При Изменении Ширины Окна Браузера

Автор zonk, 13 марта 2015 06:13

Авторизуйтесь для ответа в теме

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

#1 zonk

Новичок

Пользователи
2 сообщений

Отправлено 13 Март 2015 - 06:13

Добрый день,
Проблемы при открытии сайта на смартфонах. Весь сайт сужается, ничего не разберешь.
Видел такую тему в шаблоне движение, но строки которые там, у нас не нашел.
Так же, уже нашел как изменить минимальную ширину сайта.
Поменял на

Цитата

body {
font-family: "PT Sans Narrow",sans-serif;
min-width: 1300px;
}

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

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

Наверх

#2 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 13 Март 2015 - 07:50

При выставлении данного стиля из вашего поста нет смысла оставлять адаптивные стили, так как меньше 1300 сайт уже не сузится, в main.css найдите и удалите:

@media only screen and (min-width:1024px) and (max-width:1220px){
  .popup-gallery{margin-top:20px;}
  .prods-paginate .fr,.prods-paginate .fl{top:-45px;}
  .indexadapt .product-list2, .indexadapt .product-filter{width:900px;}
  .indexadapt{width:900px;}
  .choosecatalog li{float:right;}
#cart{float:none;margin:10px auto 0 auto;}
.logo{float:none;margin:0 auto;width:auto;text-align: center;}
.mainmenu .menu{float:none;width:100%;padding:0 5px;width:670px;margin:0 auto;}
.mini{width:95px;height:95px;}
.menuwrp{padding:45px 0 15px 0;}
.listright .name{display:block;}
.prodGlobalWrp{}
.searchinp{width:450px;height:28px;}
.content{width:900px;}
.catalogcont{width:900px;}
.mainmenu{width:900px;}
.headercont{width:900px;}
.footercontent{width:900px;}
.box{width:900px;}
.col4{width:225px;}
.form.feedb input{width:150px;}
.form.feedb textarea{width:150px;}
.indexfeedb_button button{width:150px;}
.prodbox .leftside,.prodbox .rightside{width:50%;padding:5px;}
.adapt{width:600px;}
.product-list2, .product-filter{width:600px;}
.product-filter > .category-products > .form-inline.OrderFilterForm{padding:5px 15px 15px 15px;}
.prodbuttons-list {padding: 0px 0px 0 60px;}
.addToCart.button, .add_to_compare_small.line, .add_to_wishlist_small.line {padding: 10px 0;font-size: 18px;}
.htmlDataBlock.just{width:295px;}
.listright .name{width:120px;}
.listright .name a{font-size:18px;}
.price-old-list{margin-top:5px;}
.box .catwrp > div > ul > li{width:260px;}
.oneprop .attr_name,.oneprop .attr_value{width:49%;}
.oneSale .rightside{width:260px;}
}
@media only screen and (min-width:700px) and (max-width:968px){
   .logo{float:none;text-align:center;width:auto;}
  .mainmenu .menu{float:none;margin:0 auto;padding:0 5px;}
  #cart{margin:10px auto 0 auto!important}
}
@media only screen and (min-width:700px) and (max-width:827px){
  .choosecatalog li {
float: right;
}
}
@media only screen and (min-width:700px) and (max-width:1023px){
  .indexadapt .product-list2, .indexadapt .product-filter{width:100%;}
  .indexadapt{width:100%;}
.menuwrp{padding:80px 0 15px 0;}
  .resClear1023{clear:both;}
  form#search_mini_form {padding-top:0;padding-bottom: 10px;}
  .listright .name{display:block;width:auto;width:300px;}
  .list_prod_wrp .htmlDataBlock.just{width:auto;height:auto;width:auto;}
  .listleft .price-old-list{margin-top:5px;text-decoration:line-through;}
  .prodbuttons-list{display:block;}
  #search{margin-right:10px;}
  .logo{padding-left:10px;}
  #cart{float:none;margin:0 auto;}
  .clear1024{clear:both;}
  .mini{width:95px;height:95px;}
  .prodbox .leftside,.prodbox .rightside{width:50%;padding:5px;}
  .oneprop .attr_name,.oneprop .attr_value{width:49%;}
.mainmenu{width:100%;}
.product-list2, .product-filter{width:100%;}
.content{width:95%;}
.catalogcont{width:95%;}
.headercont{width:100%;}
.box{width:100%;}
.box .catwrp > div > ul > li{width:245px;}
.footercontent{width:100%;}
.col4{width:40%;margin:2% 2%;}
.adapt{width:100%;}
.leftbar {float:none;width: 300px;min-height: 100px;margin: 0 auto;}
.oneSale .rightside{width:auto;}
}
@media only screen and (min-width:486px) and (max-width:699px){
  .popup-gallery{margin-top:10px;}
  .indexadapt .product-list2, .indexadapt .product-filter{width:100%;}
  .indexadapt{width:100%;}
	form#search_mini_form {padding-top:0;padding-bottom: 10px;}
  .thumbnail{max-width:100%;}
  .listleft{display:block;}
  .listright{display:block;max-height:none;}
  .listright .name{width:250px;}
  .prodbuttons-list{padding:0 0 0 30px;}
  .price-old-list{margin-top:5px;}
	.choosecatalog li {
float: right;
}
  .mainmenu .menu{width:100%;}
  .clear1024{clear:both;}
  #cart{margin:10px auto 0 auto;float:none;}
  .menuwrp{padding:90px 0 15px 0;}
  .logo{float:none;margin:0 auto;}
  .mini{width:58px;height:58px;}
  .prodbox .leftside,.prodbox .rightside{width:50%;padding:5px;}
  .oneprop .attr_name,.oneprop .attr_value{width:49%;}
  .prods-paginate .fr{top:-50px;}
  .prods-paginate .fl{top:-50px;}
  .prodGlobalWrp{padding:40px 25px;margin-top:15px!important;}
  .product-filter > .category-products > .form-inline.OrderFilterForm{padding:5px 15px 15px 15px;}
  ul.sort{text-align:right;}
  .choose{margin-bottom:10px;}
  .filter.table select{width:200px;}
  .leftbar{float:none;margin:0 auto;}
  .mainmenu .menu{display:none;margin:0 auto;}
  .mainmenu{width:95%;}
  .lowResMenuButton{display:block;text-align: center;
padding: 12px;
background: #DF747A;
font-size: 30px;
color: white;
font-weight: bold;
cursor: pointer;
box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);}
  .logo{display:block;position:static;}
  .mainmenu .menu{position:static;padding:10px;text-align:center;}
   .mainmenu .menu li{display:block;float:none;}
	.product-list2, .product-filter{width:100%;}
  .headercont{width:100%;}
  .catalogcont{width:95%;}
  .content{width:100%;}
  .footercontent{width:100%;}
  .col4 {width: 45%;margin: 1% 2% 0 3%;float: left;padding: 0 20px 0 0;color: #616161;}
  .form.feedb input{width:150px;}
  .form.feedb textarea{width:150px;}
  .indexfeedb_button button{width:150px;}
  .box .catwrp > div > ul > li{width:95%;}
  .adapt{width:95%;float:none;margin:0 auto;}
  .logo{text-align:center;}
   div#search.noindex{display:block;position:static;margin-top:5px;text-align:center;width:100%;}
   .searchinp{width:80%;height:28px;}
   .leftbox:last-of-type{margin:0 0 15px 0;}
   .leftbar{min-height:10px;}
   .goods-image-other{max-width:100%;}
   .box{width:100%}
}
@media only screen and (min-width:320px) and (max-width:485px){
  #OrderAjaxBlock .right button.button{margin:10px auto!important;}
  .indexadapt .product-list2, .indexadapt .product-filter{width:100%;}
  .indexadapt{width:100%;}
  .menuwrp{padding:90px 0 30px 0;}
  .hideLowRes{display:none;}
  .oneFavorite{float:none;margin:10px auto;}
	form#search_mini_form {padding-top:0;padding-bottom: 10px;}
.box{width:100%}
  .regField textarea{width:100%;}
	.thumbnail{max-width:100%;}
  .choosecatalog span{display:block;text-align:center;float:none;}
  .choosecatalog.choose .jq-selectbox__select{width:250px;margin:0 auto;}
  .choosecatalog li{float:none;}
  .header{}
  .mini{width:45px;height:45px;}
  .regField.forTime label{margin:0 auto 5px auto;display:block;}
  .lowResClear{clear:both;}
  #cart{width:80%;display: block;float: none;text-align: center;border: 1px solid #eee;margin: 0 auto;font-size: 18px;margin-top:20px;}
  .success1.graybg{border: 1px solid #DF747A;padding: 10px;font-size: 20px;text-align: justify;background: #DF747A;color: white;}
  .alignCenter button{display:block;padding:10px;width:100%;border:none;margin:10px 0;cursor:pointer;}
  .goods-image-other{max-width:100%;}
  .prods-paginate{height:25px;}
  .goodsDataOpinionAddTable tr td{display:block;text-align:center;}
  .goodsDataOpinionAddTable tr td label{font-size:18px;font-weight:0;}
  .goodsDataOpinionAverageInfo a{display:block;margin:5px;}
  .goodsDataOpinionAverageInfo a.active{border-color:#DF747A;}
  .right button, .right .button{width:190px;}
  .goodsDataOpinionTableRating{margin:0 auto;}
  div#tabs a{display:block;margin:5px 0;padding:8px;}
  div#tabs a.active{border:1px solid #DF747A;color:#DF747A;}
  .oneprop .attr_name,.oneprop .attr_value{width:49%;}
  .oneSale .rightside{width:100%;}
  .prodbuttons-list{display:block;padding:0;}
  .htmlDataBlock.just{width:100%;height:auto;}
  .listright{max-height:none;width:100%;}
  .listright .name{width:100%;margin:10px 0;cursor:pointer;}
  .listright .addToCart.button,.all_list_wrp .add_to_wishlist_small,.all_list_wrp .add_to_compare_small,.all_list_wrp .noavalible{width:80%;margin:10px auto;}
  .regField input{width:100%;}
  .price-old-list{margin-top:5px;}
  .price-old-list span{text-decoration:line-through;}
  .filter.table{width:100%;float:none;margin:10px auto;}
  .filter.table .jq-selectbox{width:100%}
  .filter.table .jq-selectbox__select{width:100%;}
  .product-filter > .category-products > .form-inline.OrderFilterForm{padding:5px 15px 15px 15px;}
  .choose{margin:10px 5px;}
  .orderHistoryTable{width:100%;overflow-x:scroll;}
  .succsessOrderPage .contact-table,.succsessOrderPage .shopping-cart-table{width:450px;}
  .overXforTable{width:100%;overflow-x:scroll;padding:0px;}
  .needOver{width:480px;}
  .succsessOrderPage h2{text-align:center;}
  .box .catwrp > div > ul > li{width:90%;}
  .clientForm h2{text-align:center;margin:10px 0;padding:5px 10px;}
  .regField label{margin:0 0 5px 0;font-size:18px;}
  .orderStageDeliveryListTable tbody tr.first .cell1{width:25px;padding:0;vertical-align:top;}
  .orderstageTwrp .cell1{vertical-align:top;}
  .zones.incart:last-of-type{padding:10px 0 20px 0;}
  .wide textarea{width:100%;}
  .couponBlock input{width:100%;}
  .couponBlock label{width:100%;}
  .quickInputsBlock .input-box input,.quick input{width:100%;}
.control label{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;display:inline;}
.control input{display:inline;width:15px;}
  .quickInputsBlock label{width:100%;}
  .quickInputsBlock .input-box{display:block;}
  ul.form-list {
text-align: center;
}
  .showPassBlock{padding:5px 0 0 0;}
  table.form.quick{text-align:center;}
  .quick tr td:first-of-type{width:100%;}
  .quick tr td{display:block;}
  .quick tr td.wantreg{width:100%;}
  fieldset.scroll {
min-width:100%;
overflow-x:scroll;
}
.cartTable{min-width:560px}
  .right button, .right .button{margin:10px auto;}
  .regField{text-align:center;}
	.lowResMenuButton{display:block;text-align: center;
padding: 12px;
background: #DF747A;
font-size: 30px;
color: white;
font-weight: bold;
cursor: pointer;
box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);}
  .logo{text-align:center;}
   div#search.noindex{display:block;position:static;text-align:center;width:100%;}
   .searchinp{width:80%;height:28px;}
	.product-list2, .product-filter{width:auto;text-align:center;}
  .col4{
	width: 100%;
	margin: 3% 0% 0 0%;
	text-align:center;
	padding:0 10px;
  }
  .adapt{width:95%;margin:0 auto;float:none;}
  .leftbar{float:none;min-height:10px;margin:0 auto;}
  .leftbox{width:300px;}
   .headercont{width:100%;}
  .catalogcont{width:95%;}
  .content{width:100%;}
  .footercontent{width:100%;}
  .breadcrumb{margin:0 auto 15px auto;}
  .leftbar{float:none;margin:0 auto;}
  .mainmenu .menu{display:none;}
  .mainmenu{width:95%;}
  .mainmenu .menu{padding:10px;text-align:center;width:100%;float:none;}
  .mainmenu .menu li{display:block;float:none;}
  .logo{display:block;position:static;float:none;margin:0 auto;}
  ul.sort > div, ul.sort > li{margin:0;display:block;}
  .abwrp{text-align:left;float:none;}
  .sortWrp{float:none;text-align:center;}
  .product-list2, .product-filter{float:none;}
  .choose .jq-selectbox{width:100%;margin-bottom:10px;}
  .choose .jq-selectbox__select{width:100%;}
  .prodbox .rightside{width:100%;}
  .prodbox .leftside{width:100%;}
  .goodsDataMainModificationsBlockProperty{text-align:center;display:block;margin:10px auto;}
  .goodsDataMainModificationsDescriptionBlock{text-align:justify;}
  .plus_minus_quantity{text-align:center;}
  .goodsDataOpinionAddTable tr td{margin:0 auto;}
  .needover {width:100%;overflow-x:scroll;}
   .CompareGoodsTable .left{display:block;float:none;margin:0 auto;}
  .CompareGoodsTable .right{float:none;display:block;margin:10px 0;}
.CompareGoodsTableTbody tbody{min-width:560px;}
.someOperations a{display:block;margin:10px 0;}
}
@media only screen and (min-width:800px) and (max-width:1023px){
.noindex#search .searchinp{width:450px;height:28px;}
  }
@media only screen and (min-width:700px) and (max-width:799px){
.noindex#search .searchinp{width:450px;height:28px;}
.popup-gallery{margin-top:25px;}
.prods-paginate .fr,.prods-paginate .fl{top:-50px;}
}
@media only screen and (min-width:320px) and (max-width:599px){
#tabs a{display:block;margin:5px 0;}
div#tabs a.active{border: 1px solid #DF747A;
color: #DF747A;}
}