Перейти к содержимому


Выравнивание Блока "корзина+Счётчик Товаров"


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 Yarnica_ru

Yarnica_ru

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 31 Март 2016 - 19:47

Добрый вечер! Прошу прощение, наверно вопрос популярный, но никак не могу найти через поиск((( Как "подвинуть" корзину с счётчиком вниз? Из-за вставки логотипа она уезжает наверх сильно , это некрасиво, пусть ровняется по нижнему правому краю перед слайдером. Спасибо.

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

  • image.png


#2 RedHead

RedHead

    Активный участник

  • Модераторы
  • 1 052 сообщений

Отправлено 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 Yarnica_ru

Yarnica_ru

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 31 Март 2016 - 23:33

Спасибо, все выровнилось. У меня только айпад и айфон:) на компьютере не смотрела ничего ещё .

#4 Yarnica_ru

Yarnica_ru

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 01 Апрель 2016 - 00:16

Ой, нет! На айфоне косяк(((

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

  • image.jpeg


#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 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;
}


#6 Yarnica_ru

Yarnica_ru

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 01 Апрель 2016 - 11:53

Все сделала, вертикально  выровнялось, горизонтально нет:(
Номер аккаунта:SL-379101

Все сделала, вертикально  выровнялось, горизонтально нет:(
Номер аккаунта:SL-379101

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

  • image.jpeg


#7 Yarnica_ru

Yarnica_ru

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 01 Апрель 2016 - 12:31

Теперь ещё дублируются названия с ценой (((( что случилось-то?(((

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

  • image.png


#8 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 01 Апрель 2016 - 12:32

Просмотр сообщенияYarnica_ru (01 Апрель 2016 - 11:53) писал:

Все сделала, вертикально  выровнялось, горизонтально нет :(
Номер аккаунта: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;
}
}


#9 Yarnica_ru

Yarnica_ru

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 01 Апрель 2016 - 16:37

Спасибо, корзина поднялась, но с логотипом все равно не подружилась -см скрин. Наверно логотип надо уменьшить?
И проблема задвоения не ушла! Помогите, пожалуйста)

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

  • image.png
  • image.png


#10 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 01 Апрель 2016 - 16:43

Просмотр сообщенияYarnica_ru (01 Апрель 2016 - 16:37) писал:

Спасибо, корзина поднялась, но с логотипом все равно не подружилась -см скрин. Наверно логотип надо уменьшить?
И проблема задвоения не ушла! Помогите, пожалуйста)
Изменения Вам произвели, проверьте.

#11 Yarnica_ru

Yarnica_ru

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 01 Апрель 2016 - 17:05

Задвоение ушло, спасибо!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных