0
Выравнивание Блока "корзина+Счётчик Товаров"
Автор Yarnica_ru, 31 марта 2016 19:47
Сообщений в теме: 10
#1
Отправлено 31 Март 2016 - 19:47
Добрый вечер! Прошу прощение, наверно вопрос популярный, но никак не могу найти через поиск((( Как "подвинуть" корзину с счётчиком вниз? Из-за вставки логотипа она уезжает наверх сильно , это некрасиво, пусть ровняется по нижнему правому краю перед слайдером. Спасибо.
#2
Отправлено 31 Март 2016 - 20:46
Yarnica_ru (31 Март 2016 - 19:47) писал:
Добрый вечер! Прошу прощение, наверно вопрос популярный, но никак не могу найти через поиск((( Как "подвинуть" корзину с счётчиком вниз? Из-за вставки логотипа она уезжает наверх сильно , это некрасиво, пусть ровняется по нижнему правому краю перед слайдером. Спасибо.
Здравствуйте. В шаблоне main.css найдите строку:
#header #cart .heading {float: right;margin-top: 15px;padding-left: 14px;padding-right: 46px;position: relative;z-index: 1;}замените ее на:
#header #cart .heading {float: right;margin-top: 15px;padding-left: 14px;padding-right: 46px;position: relative;z-index: 1;top: 70px;}
Уточните, как будет располагаться корзина на версии планшета и в мобильной версии.
#3
Отправлено 31 Март 2016 - 23:33
Спасибо, все выровнилось. У меня только айпад и айфон на компьютере не смотрела ничего ещё .
#5
Отправлено 01 Апрель 2016 - 02:15
В main.css найдите:
замените на:
далее найдите:
замените на:
#header #cart { width: 98%; min-width: 98%; float: none; margin-bottom: 10px; }
замените на:
#header #cart { width: 98%; min-width: 98%; float: left; margin-bottom: 10px; }
далее найдите:
#header #cart .heading { padding: 0 0 0 46px; }
замените на:
#header #cart .heading { padding: 0 0 0 46px; top: 0; }
#8
Отправлено 01 Апрель 2016 - 12:32
Yarnica_ru (01 Апрель 2016 - 11:53) писал:
Все сделала, вертикально выровнялось, горизонтально нет
Номер аккаунта:SL-379101
Все сделала, вертикально выровнялось, горизонтально нет
Номер аккаунта:SL-379101
Номер аккаунта:SL-379101
Все сделала, вертикально выровнялось, горизонтально нет
Номер аккаунта:SL-379101
В конец main.css добавьте
@media only screen and (max-width: 612px) and (min-width: 481px) { #header #cart .heading { top: 0px; } } @media only screen and (max-width: 767px){ div.prod_hold .prod-info-fly div.name { display:none !important; } }
#11
Отправлено 01 Апрель 2016 - 17:05
Задвоение ушло, спасибо!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных