Перейти к содержимому


Не Отображается Название Разделов В Мобильной Версии Сайта

Автор Антон1212, 12 авг. 2014 18:29

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 12 Август 2014 - 18:29

Привет ребята:) 1.Не отображается название разделов в мобильной версии сайта, что нужно сделать?

                            2. Подскажите как изменить размер шрифта каталога на главной с лева? Наверху поменял, а этот не могу найти(
                            3.Можно ли вообще отключить мобильную версию сайта???

                             Спасибо заранее))

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

  • IYPEiqfZdJM.jpg

#2 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 12 Август 2014 - 18:46

Просмотр сообщенияАнтон1212 (12 Август 2014 - 18:29) писал:

Привет ребята :) 1.Не отображается название разделов в мобильной версии сайта, что нужно сделать?

2. Подскажите как изменить размер шрифта каталога на главной с лева? Наверху поменял, а этот не могу найти(
3.Можно ли вообще отключить мобильную версию сайта???

Спасибо заранее))

Здравствуйте.
2)
Чтобы изменить шрифт найдите в main.css код
.box-category > ul > li > a {
text-decoration: none;
color: #333;
padding: 10px 28px 10px 10px;
display: block;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
И замените его на
.box-category > ul > li > a {
text-decoration: none;
color: #333;
padding: 10px 28px 10px 10px;
display: block;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
font-size:15px;
}
Значение
 font-size:15px;
измените на то которое Вам нужно.

3) Мы можем либо подправить мобильную версию, либо отключить, что именно Вы хотите?

#3 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 12 Август 2014 - 19:10

Просмотр сообщенияDanil (12 Август 2014 - 18:46) писал:

Здравствуйте.
2)
Чтобы изменить шрифт найдите в main.css код
.box-category > ul > li > a {
text-decoration: none;
color: #333;
padding: 10px 28px 10px 10px;
display: block;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
И замените его на
.box-category > ul > li > a {
text-decoration: none;
color: #333;
padding: 10px 28px 10px 10px;
display: block;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
font-size:15px;
}
Значение
 font-size:15px;
измените на то которое Вам нужно.

3) Мы можем либо подправить мобильную версию, либо отключить, что именно Вы хотите?
Спасибо, всё гуд!!!) Ну если не сложно, то отключить

#4 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 12 Август 2014 - 19:15

Просмотр сообщенияАнтон1212 (12 Август 2014 - 19:10) писал:

Спасибо, всё гуд!!!) Ну если не сложно, то отключить

В main.css найдите и удалите код
/* Адаптивность шаблона ==============================*/
@media only screen and (min-width: 981px) and (max-width: 1220px) {
.inner {width:95%;}
}
@media only screen and (min-width: 990px) {
#header .flexslider li img.slide_img{display:none !important;}
#header .flexslider li .bigPic {display:block !important;}
#header.borderless {border-bottom:none;}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.inner {width:95%;}
#header_colapse .inner {background:none !important;}
#footer .column {width:22% !important;margin:10px !important;min-height:100px;}
div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .price {margin-bottom:25px;}
#column-left + #content div.prod_hold, #column-left + #content div.prod_hold_recent { margin:0px 11px 20px 11px;}
#toggle_switch {display:block;}
p img {max-width:100% !important;height:auto !important;}
.product-info .cart {height:auto;overflow:auto;}
.product-info .cart input[type="text"] {margin-bottom:10px;}
.orderStepName {font-size: 18px;}
.orderStepName:before {margin-right: 5px;}
table.form tr td:first-child {width: 40%;*width: 0px;}
#content .login-content .content {padding: 0;overflow: visible;}
.login-content table.form td {position: relative;width: 100%;display: block; padding: 4px 0;}
}
@media screen and (max-width: 785px) {
.orderStepName {font-size: 16px;}
table.form {table-layout: fixed;}
table.form tr td:first-child {width: auto;}
}
@media only screen and (max-width: 625px) {
.orderHeader {display: none !important;}
}
@media only screen and (min-width: 557px) and (max-width: 898px) {
.item-detail{width: 49%;}
}
@media only screen and (min-width: 480px) and (max-width: 556px) {
.item-detail {width: 40%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#toggle_switch {display:none;}
.inner {width:86%;}
#header_colapse .inner {display:block !important;}
#header #cart {right: 0px;width: auto;float: none;}
.box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;}
div.prod_hold, div.prod_hold_recent {margin:10px auto;}
div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}
div.prod_hold .prod-info-fly, div.prod_hold_recent .prod-info-fly{display: block;position: relative;padding: 0;bottom: 0;opacity: 1;width: 200px; }
div.prod_hold .prod-info-fly .name, div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .name, div.prod_hold_recent .prod-info-fly .price { display: block !important;}
#header .links {margin:0;}
#compareInfo {margin: 10px auto -20px;width: 100%;text-align: center;}
#header #welcome { display: none;}
#header #search { position:relative;clear:both;width:440px;margin-bottom: 19px;float: left;}
#header #search input {width:380px;}
#header #support {display:none;}
#header #cart h4, #header #cart #cart-total {display:block;}
#header #cart .content {top:35px;}
#header_colapse .inner { overflow: visible; padding:8px 0; background:none !important;}
#column-left { float:none; width:100%;}
#column-left .recent {display: none!important;}
#column-left + #content {margin: 0; }
#footer .column {width:100% !important;margin:10px 0 !important;min-height:100px;}
#footer .one_fourth {display: none;}
#footer .one_fourth.last {display: block;}
#tabs a {font-size:14px;}
.product-info .image {width:380px;}
.product-info .image img{max-width:100%; }
.product-info >.left, .product-info > .left + .right {float:none;margin: 0;}
img {max-width:100% !important;height:auto !important;}
textarea {width: 100%;}
#column-left div.prod_hold, #column-left div.prod_hold_recent {margin:0px 8px 20px 8px;}
.product-filter .view-mode label {display: none;}
#main_nav { display: none; }
.selectnav { display: block; margin:6px 0 0 0; width:100%; }
#column-left .box .box-heading:after {content: url("{ASSETS_IMAGES_PATH}downArrow.png") no-repeat right center;position: absolute;right: 16px;top: 10px;cursor: pointer;}
#column-left .box .box-heading + .box-content {display: none;}
#column-left .box .box-heading.up:after {content: url("{ASSETS_IMAGES_PATH}UPArrow.png") no-repeat right center;}
table.form {table-layout: fixed;}
#content .login-content .content {padding: 0;overflow: visible;}
.login-content h4, .login-content .right p {display: none;}
p.required {display: none;}
.login-content table.form td {position: relative;width: 100%;display: block;padding: 4px 0;}
.generally label:after {content: ""; display: block;clear: both;}
}
@media only screen and (max-width: 480px) {
h2 {font-size: 24px;}
.inner {width:80%;}
#header_colapse .inner {display:block !important;}
#toggle_switch {display:none;}
#header .links {margin:0;}
#compareInfo {margin-left:0px;float: left;}
#header #welcome {display: none;}
#header #search {position:relative;clear:both;width:100%;margin-bottom:10px;}
#header #search input {width:70%;}
#header #support {display:none;}
#header #logo {margin: 0;}
#header #cart{ width: 98%; min-width: 98%;float: none;margin-bottom: 10px;}
#header #cart .heading {padding: 0 0 0 46px;}
#header #cart .cart_circle {right: auto; left: 0;}
#header #cart h4, #header #cart #cart-total {display:block;text-align: left !important;}
#header #cart .content {top:35px;}
#header_colapse .inner {overflow:visible;padding:8px 0;background:none !important;}
#main_nav { display: none; }
.selectnav { display: block; margin:6px 0 0 0; width:100%; }
#column-left {float:none;width:100%;}
#column-left .recent {display: none!important;}
#column-left + #content {margin: 0;}
.box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;}
div.prod_hold, div.prod_hold_recent {margin:10px auto;width: 90%;}
div.prod_hold > div .prod-info-fly, div.prod_hold_recent > div .prod-info-fly {width: 100%;}
div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}
div.prod_hold .prod-info-fly, div.prod_hold_recent .prod-info-fly {display: block;position: relative;padding: 0;bottom: 0;opacity: 1; }
div.prod_hold .prod-info-fly .name, div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .name, div.prod_hold_recent .prod-info-fly .price{display: block !important;}
.item-detail {width: 100%;}
#footer .column {width:100% !important;margin:10px 0 !important;min-height:100px;}
#footer .one_fourth {display: none;}
#footer .one_fourth.last {display: block;}
#tabs a {font-size:12px;padding:10px;}
.category-info {padding: 10px 0;}
.category-info .left {float:none;}
.category-info .right {margin: 10px 0 0 0; padding: 0;}
.product-info .image {width:260px;}
.product-info .image img{max-width:100%; }
.product-info >.left, .product-info > .left + .right {float:none;margin: 0;}
.login-content .left, .login-content .right {width:95%;float:left;margin-bottom:10px;}
img {max-width:100% !important;height:auto !important;}
textarea {width: 100%;}
#column-left .box .box-heading:after {content: url("{ASSETS_IMAGES_PATH}downArrow.png") no-repeat right center;position: absolute;right: 16px;top: 10px;cursor: pointer;}
#column-left .box .box-heading + .box-content {display: none;}
#column-left .box .box-heading.up:after {content: url("{ASSETS_IMAGES_PATH}UPArrow.png") no-repeat right center;}
table.form td {position: relative;width: 100%;display: block;padding: 4px 0;}
#content .login-content .content {padding: 10px 0;overflow: visible;}
p.required {display: none;}
#content .buttons .left {display: none;}
}
/* /END адаптивность шаблона ======================================================*/


Далее в конец main.css добавьте код

html{width:100%;}
@media only screen and (max-width: 1200px) {
html {width:1200px;}
}

#5 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 12 Август 2014 - 19:28

Спасибо за оперативность!!!)

#6 andrii

andrii

    Новичок

  • Пользователи
  • Pip
  • 3 сообщений

Отправлено 03 Апрель 2015 - 18:09

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

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

  • L0Ut1EvfVTs.jpg

#7 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 03 Апрель 2015 - 18:18

Просмотр сообщенияandrii (03 Апрель 2015 - 18:09) писал:

у меня вопрос .. в мобильной теме моего сайта плеер влазит в темноту и не видно кнопки на полный екран .. как его уменьшить filmozean.com спасибо
Здравствуйте.
К сожалению сайт filmozean.com не принадлежит платформе storeland.ru .
В связи с чем мы помочь вам не можем.

#8 andrii

andrii

    Новичок

  • Пользователи
  • Pip
  • 3 сообщений

Отправлено 03 Апрель 2015 - 19:26

а как сделать чтоб принадлежал ??

#9 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 03 Апрель 2015 - 19:31

Просмотр сообщенияandrii (03 Апрель 2015 - 19:26) писал:

а как сделать чтоб принадлежал ??
Здравствуйте.
К сожалению, дизайн перенести на нашу платформу вы не сможете, только домен и товары.

#10 andrii

andrii

    Новичок

  • Пользователи
  • Pip
  • 3 сообщений

Отправлено 03 Апрель 2015 - 19:45

я заплачу

#11 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 03 Апрель 2015 - 19:48

Просмотр сообщенияandrii (03 Апрель 2015 - 19:45) писал:

я заплачу
Это технически невозможно, разве что вы обратитесь в дизайн студию, например к нашим партнерам storelandlab.ru и вам сделают похожий дизайн на базе наших шаблонов.
Обратно в Каталог товаров


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Весна
  5. → Каталог товаров
  6. Privacy Policy