Чат сообщества
|
   |
| Модератор форума: dotbot |
| Сообщество uCoz Архивариус Корзина Адаптация страницы |
| Адаптация страницы |
|
Здравствуйте. Надеюсь правильно выбрал тему. В общем проблема в следующем: я поставил шаблон для моего интернет-магазина и полностью изменил главную страницу интернет-магазина и вроде путем проб и ошибок добился желаемого результата, но.
Вот так выглядит страница  И на мобильной версии это выглядит так. собственно в этом и проблема  А должно выглядеть так  Я, в принципе, понимаю и всячески надеюсь, что это решается какой-то переменной, но какой не знаю. В html я только начинаю разбираться. В общем всячески надеюсь на помощь. Если нужна дополнительная информация, пишите. Вот страница, если нужно - http://conifercollection.ru/shop |
|
Дай код этой страницы http://conifercollection.ru/shop
|
|
Код <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) |
| |||
| |||