Страница 1 из 11
Модератор форума: dotbot 
Сообщество uCoz » Архивариус » Корзина » Адаптация страницы
Адаптация страницы
Малеев
Сообщений: 8
Репутация: 0

Сообщение # 1 | 11:13:01
Здравствуйте. Надеюсь правильно выбрал тему. В общем проблема в следующем: я поставил шаблон для моего интернет-магазина и полностью изменил главную страницу интернет-магазина и вроде путем проб и ошибок добился желаемого результата, но.

Вот так выглядит страница


И на мобильной версии это выглядит так. собственно в этом и проблема


А должно выглядеть так


Я, в принципе, понимаю и всячески надеюсь, что это решается какой-то переменной, но какой не знаю. В html я только начинаю разбираться.

В общем всячески надеюсь на помощь. Если нужна дополнительная информация, пишите.
Вот страница, если нужно - http://conifercollection.ru/shop
damaday
Сообщений: 15
Репутация: 1

Сообщение # 2 | 14:45:00
Дай код этой страницы http://conifercollection.ru/shop
Малеев
Сообщений: 8
Репутация: 0

Сообщение # 3 | 13:14:41
Код
<html>
<head>
<meta charset="utf-8">
<title>$MODULE_NAME$ - $SITE_NAME$</title>
$META_DESCRIPTION$
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>
<body>
<?if($GROUP_ID$='4')?><script type="text/javascript" src="/js/styler.js"></script><?endif?>
$ADMIN_BAR$
<!-- Page Loader -->
<section>
<div id="page-loader">
<span class="fa-spin"></span>
</div>
</section>
$GLOBAL_SLIDER$
$GLOBAL_AHEADER$

<div id="facts" class="parallax" data-image-src="http://conifercollection.ru/img/pics/image4.jpg">
<div class="invert overlay section">
<div class="wrapper animateit" data-effect="fadeInDown">
<div id="casing">
<?if($MODULE_ID$='forum')?><div class="wrapper"><div class="forum-box"><?endif?>
<!-- <middle> -->
<div class="wrapper">
<section>
<div id="cont-shop-home" style="position:relative;">

  <div id="ph-grid">
  <table align="center" border="0" cellspacing="0" cellpadding="0" width="100%" class="catsTableI">
   
  <!-- <Сосны> -->
   
  <tr><td style="width:33%" class="catsTdI" id="cid16" valign="top"><div class="mix cat-16 all item-w" data-key="cat-16" data-name="Pinus / Сосны">  
  <div class="animateit delay01" data-effect="fadeInUp">  
  <div class="grid-iw"> <div class="grid-img" style="background-image:url(/_sh/00/16c.jpg)"></div>
  <div class="img-links"> <div class="img-i"> <a href="/shop/pinus" class="left-ico fa-chevron-circle-right"> Перейти</a>  
  <div class="grid-dsc"> </div> </div> </div> </div> </div> <div class="grid-cont"> <a href="/shop/pinus" class="grid-ttl uppercase">Pinus / Сосны</a> </div> </div> </div></td>
   

  <!-- <Ели> -->

<td style="width:33%" class="catsTdI" id="cid15" valign="top"><div class="mix cat-15 all item-w" data-key="cat-15" data-name="Picea / Ели">
  <div class="animateit delay01" data-effect="fadeInUp">
  <div class="grid-iw"> <div class="grid-img" style="background-image:url(/_sh/00/15c.jpg)"></div>  
  <div class="img-links"> <div class="img-i"> <a href="/shop/picea" class="left-ico fa-chevron-circle-right"> Перейти</a>
  <div class="grid-dsc"> </div> </div> </div> </div> </div> <div class="grid-cont"> <a href="/shop/picea" class="grid-ttl uppercase">Picea / Ели</a> </div> </div> </div></td>

  <!-- <Пихты> -->

<td style="width:33%" class="catsTdI" id="cid14" valign="top"><div class="mix cat-14 all item-w" data-key="cat-14" data-name="Abies / Пихты">
  <div class="animateit delay01" data-effect="fadeInUp">  
  <div class="grid-iw"> <div class="grid-img" style="background-image:url(/_sh/00/14c.jpg)"></div>
  <div class="img-links"> <div class="img-i"> <a href="/shop/abies" class="left-ico fa-chevron-circle-right"> Перейти</a> <div class="grid-dsc"> </div> </div> </div> </div> </div>
  <div class="grid-cont"> <a href="/shop/abies" class="grid-ttl uppercase">Abies / Пихты</a> </div> </div> </div></td></tr>

  <!-- <Можжевельники> -->

<tr><td style="width:33%" class="catsTdI" id="cid13" valign="top"><div class="mix cat-13 all item-w" data-key="cat-13" data-name="Juniperus / Можжевельники">
  <div class="animateit delay01" data-effect="fadeInUp"> <div class="grid-iw"> <div class="grid-img" style="background-image:url(/_sh/00/13c.jpg)"></div>
  <div class="img-links"> <div class="img-i"> <a href="/shop/juniperus" class="left-ico fa-chevron-circle-right"> Перейти</a> <div class="grid-dsc"> </div> </div> </div> </div> </div>
  <div class="grid-cont"> <a href="/shop/juniperus" class="grid-ttl uppercase">Juniperus / Можжевельники</a> </div> </div> </div></td>

  <!-- <Туи> -->

<td style="width:33%" class="catsTdI" id="cid12" valign="top"><div class="mix cat-12 all item-w" data-key="cat-12" data-name="Thuja / Туи">
  <div class="animateit delay01" data-effect="fadeInUp"> <div class="grid-iw"> <div class="grid-img" style="background-image:url(/_sh/00/12c.jpg)"></div>
  <div class="img-links"> <div class="img-i"> <a href="/shop/thuja" class="left-ico fa-chevron-circle-right"> Перейти</a> <div class="grid-dsc"> </div> </div> </div> </div> </div>
  <div class="grid-cont"> <a href="/shop/thuja" class="grid-ttl uppercase">Thuja / Туи</a> </div> </div> </div></td>

  <!-- <Псевдотсуги> -->

<td style="width:33%" class="catsTdI" id="cid9" valign="top"><div class="mix cat-9 all item-w" data-key="cat-9" data-name="Pseudotsuga / Псевдотсуги">
  <div class="animateit delay01" data-effect="fadeInUp"> <div class="grid-iw"> <div class="grid-img" style="background-image:url(/_sh/00/9c.jpg)"></div>
  <div class="img-links"> <div class="img-i"> <a href="/shop/pseudotsuga" class="left-ico fa-chevron-circle-right"> Перейти</a> <div class="grid-dsc"> </div> </div> </div> </div> </div>
  <div class="grid-cont"> <a href="/shop/pseudotsuga" class="grid-ttl uppercase">Pseudotsuga / Псевдотсуги</a> </div> </div> </div></td></tr>

  <!-- <Тсуги> -->

<tr><td style="width:33%" class="catsTdI" id="cid11" valign="top"><div class="mix cat-11 all item-w" data-key="cat-11" data-name="Tsuga / Тсуги">
  <div class="animateit delay01" data-effect="fadeInUp"> <div class="grid-iw">
  <div class="grid-img" style="background-image:url(/_sh/00/11c.jpg)"></div> <div class="img-links"> <div class="img-i"> <a href="/shop/tsuga" class="left-ico fa-chevron-circle-right"> Перейти</a>
  <div class="grid-dsc"> </div> </div> </div> </div> </div> <div class="grid-cont"> <a href="/shop/tsuga" class="grid-ttl uppercase">Tsuga / Тсуги</a> </div> </div> </div></td>

  <!-- <Лиственницы> -->

<td style="width:33%" class="catsTdI" id="cid8" valign="top"><div class="mix cat-8 all item-w" data-key="cat-8" data-name="Larix / Лиственницы">
  <div class="animateit delay01" data-effect="fadeInUp"> <div class="grid-iw">
  <div class="grid-img" style="background-image:url(/_sh/00/8c.jpg)"></div><div class="img-links"> <div class="img-i"> <a href="/shop/larix" class="left-ico fa-chevron-circle-right"> Перейти</a>  
  <div class="grid-dsc"> </div> </div> </div> </div> </div> <div class="grid-cont"> <a href="/shop/larix" class="grid-ttl uppercase">Larix / Лиственницы</a> </div> </div> </div></td>

  <!-- <Гинго> -->
<td style="width:33%" class="catsTdI" id="cid10" valign="top"><div class="mix cat-10 all item-w" data-key="cat-10" data-name="Ginkgo / Гинго">  
  <div class="animateit delay01" data-effect="fadeInUp"> <div class="grid-iw"> <div class="grid-img" style="background-image:url(/_sh/00/10c.jpg)"></div>  
  <div class="img-links"> <div class="img-i"> <a href="/shop/ginkgo" class="left-ico fa-chevron-circle-right"> Перейти</a> <div class="grid-dsc"> </div> </div> </div> </div> </div>  
  <div class="grid-cont"> <a href="/shop/ginkgo" class="grid-ttl uppercase">Ginkgo / Гинго</a> </div> </div> </div></td></tr></table></div></tr>
  <br>
  </br>
</div>
</div>
</div>
</div>
</table>
  </section>
<!-- </middle> -->
<div class="clr"></div>
<?if($MODULE_ID$='forum')?></div></div><?endif?>
</div>

<!-- Section "Contacts" -->
<section>
<div id="contacts" class="invert">

<div class="se-color">
<div class="wrapper section">
<div class="row">
<div class="col-4 animateit" data-effect="fadeInDown">
<div class="fa-phone fa-2x col-ico"></div>
<div class="col-dsc">Пн-Вс 08:00 – 20:00 по Мск </br>
  <font color="#ffffff">8(916)104-45-30</font>
</div>
</div>
<div class="col-4 animateit delay02" data-effect="fadeInDown">
<div class="fa-pencil fa-2x col-ico"></div>
<div class="col-dsc">Не стесняйтесь, <a href="http://conifercollection.ru/index/0-3">пишите нам!</a>
</div>
</div>
<div class="col-4 animateit delay04" data-effect="fadeInDown">
<div class="fa-map-marker fa-2x col-ico"></div>
<div class="col-dsc">г. Подольск <br> ул. Комсомольская, д. 3
</div>
</div>
<div class="clr"></div>
</div>
</div>
</div>
</div>
</section>
$GLOBAL_BFOOTER$
<!-- Scripts -->
<?if($URI_ID$='page1')?>
<script type="text/javascript" src="/js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="/js/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="/js/jquery.parallax-1.1.3.js"></script>
<?endif?>
<script type="text/javascript" src="/js/ui.js"></script>
<noscript>
<style type="text/css">
#page-loader {display:none;}
.animateit {opacity:1;}
</style>
</noscript>
</body>
</html>

Добавлено (27 Фев 2016, 13:14:41)
---------------------------------------------
Просьба к модераторам. Если есть возможность удалите тему.
Спасибо.

Сообщество uCoz » Архивариус » Корзина » Адаптация страницы
Страница 1 из 11
Поиск: