Как То Исправить Можно На Мобильном?
#1
Отправлено 30 Октябрь 2014 - 16:09
#2
Отправлено 30 Октябрь 2014 - 19:06
#3
Отправлено 30 Октябрь 2014 - 19:18
#4
Отправлено 30 Октябрь 2014 - 19:32
Alan (30 Октябрь 2014 - 19:18) писал:
В main.css
.vkinfac { float: right; margin-top: -80px; margin-right: 20px; }измените на
.vkinfac { float: right; margin-top: -80px; margin-right: 20px; margin: 0 auto; }
#5
Отправлено 31 Октябрь 2014 - 10:26
может убрать надпись Звоните? и просто номер оставить и подвинуть напрво чуток
и значки надо куда то в другое место получается.. не красиво получается..
#6
Отправлено 31 Октябрь 2014 - 11:17
#7
Отправлено 31 Октябрь 2014 - 11:17
Alan (31 Октябрь 2014 - 10:26) писал:
может убрать надпись Звоните? и просто номер оставить и подвинуть напрво чуток
и значки надо куда то в другое место получается.. не красиво получается..
В конец main.css добавьте
@media only screen and (max-width: 1024px) and (min-width: 481px){ .container .row2 { display: block; position: static; height: 100px; background:none; } } @media only screen and (max-width: 480px){ .container .row2 { display: block; position: static; height: 100px; background:none; } }Что касается значков соц. сетей, то может их перенести под номер телефона, в правом верхнем углу?
#8
Отправлено 31 Октябрь 2014 - 11:32
Danil (31 Октябрь 2014 - 11:17) писал:
В конец main.css добавьте
@media only screen and (max-width: 1024px) and (min-width: 481px){ .container .row2 { display: block; position: static; height: 100px; background:none; } } @media only screen and (max-width: 480px){ .container .row2 { display: block; position: static; height: 100px; background:none; } }Что касается значков соц. сетей, то может их перенести под номер телефона, в правом верхнем углу?
да, можно..)
#11
Отправлено 31 Октябрь 2014 - 12:09
Alan (31 Октябрь 2014 - 11:32) писал:
<div class="vkinfac"> <a href="http://instagram.com/la.bijou/"><img src="{ASSETS_IMAGES_PATH}instagram.png?design=chameleon"></a> <a href="Ссылка"><img src="{ASSETS_IMAGES_PATH}vk.png?design=chameleon"></a> </div>далее найдите строчку
</div><!--END row2-->и после нее вставьте
<div class="cols col-4 marg4"> <div class="vkinfac"> <a href="http://instagram.com/la.bijou/"><img src="{ASSETS_IMAGES_PATH}instagram.png?design=chameleon"></a> <a href="Ссылка"><img src="{ASSETS_IMAGES_PATH}vk.png?design=chameleon"></a> </div> </div>В main.css найдите код
.vkinfac { float: right; margin-top: -170px; margin-right: -70px; }и замените на
.vkinfac { margin:13px 1px 1px 293px; }
#13
Отправлено 01 Ноябрь 2014 - 06:48
@media only screen and (max-width: 1024px) and (min-width: 481px){попробуйте добавить:
.row2 .marg4 { margin-left: 0; } .container .row2 { height: auto; margin: 0 auto; position: relative; width: 70%; } .vkinfac { margin: 0; } .hph1 { margin-right: 0; } #cart { margin: 0; }
#14
Отправлено 02 Ноябрь 2014 - 14:41
Alan (31 Октябрь 2014 - 11:48) писал:
Vaccina (01 Ноябрь 2014 - 06:48) писал:
@media only screen and (max-width: 1024px) and (min-width: 481px){попробуйте добавить:
.row2 .marg4 { margin-left: 0; } .container .row2 { height: auto; margin: 0 auto; position: relative; width: 70%; } .vkinfac { margin: 0; } .hph1 { margin-right: 0; } #cart { margin: 0; }
СПАСИБУЩЕ БОЛЬШУЩЕЕ!!)))
Alan (31 Октябрь 2014 - 11:48) писал:
а вот это как то можно исправить??
#17
Отправлено 02 Ноябрь 2014 - 17:53
Alan (02 Ноябрь 2014 - 16:41) писал:
@media only screen and (max-width: 1024px) and (min-width: 481px){ .container .row2 { display: block; position: static; height: 100px; background:none; } } @media only screen and (max-width: 480px){ .container .row2 { display: block; position: static; height: 100px; background:none; } }И замените этим кодом:
@media only screen and (max-width: 1024px) and (min-width: 481px){ .container .cols.col-1{width:8.333333333%;} .container .cols.col-2{width:16.666666667%;} .container .cols.col-3{width:100%;} .container .cols.col-4{width:50%;} .container .cols.col-5{width:41.666666667%;} .container .cols.col-6{width:100%;} .container .cols.col-7{width:58.333333333%;} .container .cols.col-8{width:66.666666667%;} .container .cols.col-9{width:100%;} .container .cols.col-10{width:100%;} .container .cols.col-11{width:91.666666667%;} .container .cols.col-12{width:100%;} .container .row2{display:block; position:static;height:100px;} } } @media only screen and (max-width: 480px){ menu{width:100%;} .page_title{font-size:18px;} .contwrap{width:100%;} .container .cols.col-1, .container .cols.col-2, .container .cols.col-3, .container .cols.col-4, .container .cols.col-5, .container .cols.col-6, .container .cols.col-7, .container .cols.col-8, .container .cols.col-9, .container .cols.col-10, .container .cols.col-11, .container .cols.col-12{width:100%;} .container .row2{display:block;position:static;height:180px;} } }
#18
Отправлено 02 Ноябрь 2014 - 18:21
RayLi (02 Ноябрь 2014 - 17:53) писал:
@media only screen and (max-width: 1024px) and (min-width: 481px){ .container .row2 { display: block; position: static; height: 100px; background:none; } } @media only screen and (max-width: 480px){ .container .row2 { display: block; position: static; height: 100px; background:none; } }И замените этим кодом:
@media only screen and (max-width: 1024px) and (min-width: 481px){ .container .cols.col-1{width:8.333333333%;} .container .cols.col-2{width:16.666666667%;} .container .cols.col-3{width:100%;} .container .cols.col-4{width:50%;} .container .cols.col-5{width:41.666666667%;} .container .cols.col-6{width:100%;} .container .cols.col-7{width:58.333333333%;} .container .cols.col-8{width:66.666666667%;} .container .cols.col-9{width:100%;} .container .cols.col-10{width:100%;} .container .cols.col-11{width:91.666666667%;} .container .cols.col-12{width:100%;} .container .row2{display:block; position:static;height:100px;} } } @media only screen and (max-width: 480px){ menu{width:100%;} .page_title{font-size:18px;} .contwrap{width:100%;} .container .cols.col-1, .container .cols.col-2, .container .cols.col-3, .container .cols.col-4, .container .cols.col-5, .container .cols.col-6, .container .cols.col-7, .container .cols.col-8, .container .cols.col-9, .container .cols.col-10, .container .cols.col-11, .container .cols.col-12{width:100%;} .container .row2{display:block;position:static;height:180px;} } }
получается, но сбиваются настройки которые я давно не мог сделать, я про этот код
Vaccina (01 Ноябрь 2014 - 06:48) писал:
@media only screen and (max-width: 1024px) and (min-width: 481px){попробуйте добавить:
.row2 .marg4 { margin-left: 0; } .container .row2 { height: auto; margin: 0 auto; position: relative; width: 70%; } .vkinfac { margin: 0; } .hph1 { margin-right: 0; } #cart { margin: 0; }
#19
Отправлено 02 Ноябрь 2014 - 18:31
Alan (02 Ноябрь 2014 - 18:21) писал:
@media only screen and (max-width: 1024px) and (min-width: 481px){Добавить ваш код:
.row2 .marg4 { margin-left: 0; } .container .row2 { height: auto; margin: 0 auto; position: relative; width: 70%; } .vkinfac { margin: 0; } .hph1 { margin-right: 0; } #cart { margin: 0; }
#20
Отправлено 04 Ноябрь 2014 - 12:19
RayLi (02 Ноябрь 2014 - 18:31) писал:
@media only screen and (max-width: 1024px) and (min-width: 481px){Добавить ваш код:
.row2 .marg4 { margin-left: 0; } .container .row2 { height: auto; margin: 0 auto; position: relative; width: 70%; } .vkinfac { margin: 0; } .hph1 { margin-right: 0; } #cart { margin: 0; }
сделал...
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных