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

[Юля123]

UGIN (22 Февраль 2016 - 22:35) писал:

Вопрос! Почему при редактировании новости, если я выбираю выравнивание по правому краю, то текст уходит за пределы экрана?Что соответственно создает огромные трудности при редактировании.
Второй вопрос, на главной добавил два видео, как можно их сделать адаптированными к размерам экрана?
Спасибо большое.

Здравствуйте,

1) По поводу новостей, произвела Вам изменения, это происходит из-за того, что блок текста находится в таблице, для которой жестко задана ширина (1150px), соответственно, она не адаптируется под устройства. В следующий раз, когда будете добавлять новость таблицей, то изменяйте свойство таблицы width на значение 100%.

2) Попробуйте код страницы "Store-Ip" (редактор шаблонов - страницы - "Store-Ip" - источник) заменить на код:

<table align="right" border="1" cellpadding="1" cellspacing="1" class="iframe_des" style="width:100%;">
<tbody>
  <tr>
   <td><iframe allowfullscreen="" frameborder="0" height="315" scrolling="no" src="https://www.youtube.com/embed/qjyQHKRIWuo" width="100%"></iframe></td>
   <td><iframe allowfullscreen="" frameborder="0" height="315" scrolling="no" src="https://www.youtube.com/embed/CBOwFmrlSHg" width="100%"></iframe></td>
  </tr>
</tbody>
</table>
<table align="right" border="1" cellpadding="1" cellspacing="1" class="iframe_mob" style="width:100%;">
<tbody>
  <tr>
   <td><iframe allowfullscreen="" frameborder="0" height="auto" scrolling="no" src="https://www.youtube.com/embed/qjyQHKRIWuo" width="auto"></iframe></td>
  </tr>
  <tr>
   <td><iframe allowfullscreen="" frameborder="0" height="auto" scrolling="no" src="https://www.youtube.com/embed/CBOwFmrlSHg" width="auto"></iframe></td>
  </tr>
</tbody>
</table>

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

table.iframe_mob {
	display: none;
}

далее после кода:

@media all and (max-width: 611px) {

добавьте код:

table.iframe_mob {
	display: block !important;
}
table.iframe_des {
	display: none !important;
}

[UGIN]

Юля123 (24 Февраль 2016 - 12:49) писал:

Здравствуйте,

1) По поводу новостей, произвела Вам изменения, это происходит из-за того, что блок текста находится в таблице, для которой жестко задана ширина (1150px), соответственно, она не адаптируется под устройства. В следующий раз, когда будете добавлять новость таблицей, то изменяйте свойство таблицы width на значение 100%.

2) Попробуйте код страницы "Store-Ip" (редактор шаблонов - страницы - "Store-Ip" - источник) заменить на код:

<table align="right" border="1" cellpadding="1" cellspacing="1" class="iframe_des" style="width:100%;">
<tbody>
<tr>
<td><iframe allowfullscreen="" frameborder="0" height="315" scrolling="no" src="https://www.youtube.com/embed/qjyQHKRIWuo" width="100%"></iframe></td>
<td><iframe allowfullscreen="" frameborder="0" height="315" scrolling="no" src="https://www.youtube.com/embed/CBOwFmrlSHg" width="100%"></iframe></td>
</tr>
</tbody>
</table>
<table align="right" border="1" cellpadding="1" cellspacing="1" class="iframe_mob" style="width:100%;">
<tbody>
<tr>
<td><iframe allowfullscreen="" frameborder="0" height="auto" scrolling="no" src="https://www.youtube.com/embed/qjyQHKRIWuo" width="auto"></iframe></td>
</tr>
<tr>
<td><iframe allowfullscreen="" frameborder="0" height="auto" scrolling="no" src="https://www.youtube.com/embed/CBOwFmrlSHg" width="auto"></iframe></td>
</tr>
</tbody>
</table>

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

table.iframe_mob {
display: none;
}

далее после кода:

@media all and (max-width: 611px) {

добавьте код:

table.iframe_mob {
display: block !important;
}
table.iframe_des {
display: none !important;
}

блоки Видео стали чуть меньше, и к сожалуеию они в мобильной версии не совсем коректно отображаюстся.

[Юля123]

UGIN (24 Февраль 2016 - 16:42) писал:

блоки Видео стали чуть меньше, и к сожалуеию они в мобильной версии не совсем коректно отображаюстся.

В main.css найдите код:

.m15 {
margin: 0 15px;
float: right;width: 80%;}

и замените на код:

.m15 {
margin: 0 15px;
float: right;width: 100%;}

Как этот блок должен выглядеть в мобильной версии?

[UGIN]

0Добрый день, подскажите как на странице "контакты"  вывести данные (реквизиты) и так же внизу страницы добавить карту, что-бы она была по всей ширине сайта? Спасибо

[Danil]

UGIN (09 Март 2016 - 15:35) писал:

0Добрый день, подскажите как на странице "контакты"  вывести данные (реквизиты) и так же внизу страницы добавить карту, что-бы она была по всей ширине сайта? Спасибо

Здравствуйте.
В самом конце шаблона Связь с администрацией найдите код

	</div>

и замените на

<p><sapn>Строка с текстом 1</span></p>
<p><sapn>Строка с текстом 2</span></p>
<p><sapn>По аналогии с предыдущими</span></p>
	</div>
КОД КАРТЫ

[UGIN]

Ребята. как настроить кнопки каталог товаров, поиск и корзина? на разных разрешениях они съезжают.
постоянно блог съезжает как на скрине. как сделать его статичным?

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

• 
• 

[Vaccina]

В main.css после:

@media all and (max-width: 767px) {

найдите:

#header .header-top-right .header-right-mobile {
	position: absolute;
	float: right;
	bottom: 0px;
	right: 0;
   }
.header-top .header-top-right .header-phone {display:block;}
#name-top {padding: 0 10px 10px;}
#pathway {padding: 19px 10px;}
.yt-bannertop .banner-top {margin-top: 30px;float: left;}
#header {margin-bottom: 30px;}
#header .header-top-left {height: 50px;width:90px;float:left;}
.header-top .header-top-right #search_mini_form {display:none;}
.header-top .header-top-right #search_mini_form2 {display:block;}

замените на:

.header-top .header-top-right .header-phone {display:block;}
#name-top {padding: 0 10px 10px;}
#pathway {padding: 19px 10px;}
.yt-bannertop .banner-top {margin-top: 30px;float: left;}
#header {margin-bottom: 30px;}
#header .header-top-left {height: 50px;width:90px;float:left;}
.yt-main-menu.col-lg-3.col-md-4.col-xs-10.col-sm-4.header-top {
	width: 240px;
	float: right;
}
.catalogshapka {
	width: 100% !important;
}
.yt-main-menu.col-lg-9.col-md-8.col-xs-8 {
	width: 50%;
}