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


Главное Меню


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

#21 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 14 Январь 2015 - 23:29

Просмотр сообщенияAlekseys (07 Декабрь 2014 - 17:04) писал:

В main.css замените
.menu_footer {
margin: 0 auto;
text-align: center;
display: block;
position: absolute;
right: 37%;
}
на
.menu_footer {
margin: 0 auto;
text-align: center;
display: block;
position: absolute;
right: 37%;
margin-top: 0px;
}
и меняя параметр right: 37%; (больше-левее, меньше-правее) и margin-top: 0px; (больше-ниже, меньше, вплоть до минусового значения,-выше) отредактируйте положение меню.

Сначала не обратила внимания, но при изменении размера окна (обнаружила на вебвизоре)
нижнее меню съезжает влево
2015-01-15 02-22-46 Скриншот экрана.png
Также небольшой вопрос - почему у названия магазина стоит только текущий год (© 2015) а не с самого начала работы магазина

#22 Vaccina

Vaccina

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

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

Отправлено 15 Январь 2015 - 06:24

Меню у вас съезжает из-за следующих стилей:
.menu_footer {
	display: block;
	margin: -10px auto 0;
	position: absolute;
	right: 33%;
	text-align: center;
}

лучше кнопки оплаты перенести сразу после меню и расширить правый блок отказавшись от центрального, в этом случае кнопки с меню будут прижаты  к правому краю, вас подобный вариант устроит?

#23 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 15 Январь 2015 - 13:19

Просмотр сообщенияVaccina (15 Январь 2015 - 06:24) писал:

Меню у вас съезжает из-за следующих стилей:
.menu_footer {
display: block;
margin: -10px auto 0;
position: absolute;
right: 33%;
text-align: center;
}

лучше кнопки оплаты перенести сразу после меню и расширить правый блок отказавшись от центрального, в этом случае кнопки с меню будут прижаты  к правому краю, вас подобный вариант устроит?

Вы имеете в виду нижнее меню сделать столбиком справа??

#24 Alekseys

Alekseys

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

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

Отправлено 15 Январь 2015 - 15:19

Просмотр сообщенияtanch (15 Январь 2015 - 13:19) писал:

Вы имеете в виду нижнее меню сделать столбиком справа??
Здравствуйте. Как вариант Вы можете в main.css добавить в блок
@media only screen and (min-width:1025px) and (max-width:1350px)
код
.menu_footer ul li {padding: 8px 0 0 9px;}
  .menu_footer {margin-left: 340px!important;}
и в блок
@media only screen and (max-width: 1080px) and (min-width: 200px)
код
.menu_footer ul {
margin-left: 25px;
}


#25 Hiding

Hiding

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

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

Отправлено 10 Май 2015 - 09:21

А какой должен быть размер изображения в шапке?
И как размер шапки изменить? Чет не могу найти.
А то у меня картинка размножается...

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

  • 10-05-2015 15-17-21.png


#26 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 10 Май 2015 - 10:50

Просмотр сообщенияHiding (10 Май 2015 - 09:21) писал:

А какой должен быть размер изображения в шапке?
И как размер шапки изменить? Чет не могу найти.
А то у меня картинка размножается...
Здравствуйте.

Размер шапки на вашем сайте должен составлять 1903px на 106px .
Проверьте, пожалуйста.

#27 Hiding

Hiding

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

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

Отправлено 10 Май 2015 - 11:42

Спасибо, работает.
Но тока слайд за рамки сайта вылазит, как на картинке.
А с другой стороны картинка не полностью.

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

  • 10-05-2015 17-39-36.png


#28 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 10 Май 2015 - 11:48

Просмотр сообщенияHiding (10 Май 2015 - 11:42) писал:

Спасибо, работает.
Но тока слайд за рамки сайта вылазит, как на картинке.
А с другой стороны картинка не полностью.
Попробуйте, тогда, сделать следующее:
В шаблоне main.css найдите код:

.slider {
  width: 142.9%;
  margin-left: -285px;
}

И замените его вот эти вот кодом:

.slider {
  width: 142.8%;
  margin-left: -285px;
}


#29 Hiding

Hiding

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

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

Отправлено 11 Май 2015 - 03:42

Упс. В спешке не там написал.

#30 Hiding

Hiding

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

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

Отправлено 11 Май 2015 - 03:50

Поставил изображение 1903px на 106px.
Все равно не подгоняется.
Получается вот как:
11-05-2015 9-47-53.png
А должно:
headрвр.jpg

#31 Hiding

Hiding

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

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

Отправлено 11 Май 2015 - 08:37

Разобрался.
Добавил значение:
height:200px

Получилось:
.header{width:100%;height:200px;}

И подогнал размер картинки. Тока в мобильной версии почему-то коряво все.

#32 Cupuyc

Cupuyc

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

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

Отправлено 11 Май 2015 - 09:24

Просмотр сообщенияHiding (11 Май 2015 - 08:37) писал:

Разобрался.
Добавил значение:
height:200px

Получилось:
.header{width:100%;height:200px;}

И подогнал размер картинки. Тока в мобильной версии почему-то коряво все.

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.slider {
  width: 117.5%;
  margin-left: -100px;
}

Замените его на:
.slider {
  width: 100%;
}


#33 Hiding

Hiding

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

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

Отправлено 11 Май 2015 - 09:36

Сделал.
Тогда на обычной версии слайдер не на всю ширину сайта.

#34 Cupuyc

Cupuyc

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

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

Отправлено 11 Май 2015 - 09:54

Просмотр сообщенияHiding (11 Май 2015 - 09:36) писал:

Сделал.
Тогда на обычной версии слайдер не на всю ширину сайта.

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
			<div class="slider">
  <!-- Главная страница -->
			  {% IF index_page %}
				<div id="module_area">
				  <div id="flexslideshow" class="flexslider">
					<ul class="slides">
					  <li>					  
						<a href="http://atlet-fit.storeland.ru/catalog/Proteiny"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img"></a>
										  </li>
										  <li>								   
												<a href="ваша_ссылка"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img"></a>
										  </li>
										  <li>								 
												<a href="ваша_ссылка"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img"></a>
					  </li>
					</ul>
				  </div>
				</div>
			  {% ENDIF %}
		<!-- /Главная страница -->
			</div>

Перенесите его под эту строку кода:
	  </menu><!--END menu-->


#35 Hiding

Hiding

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

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

Отправлено 11 Май 2015 - 10:29

Ура.Все получилось. Спасибо... Вы лучшие.

#36 Hiding

Hiding

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

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

Отправлено 11 Май 2015 - 10:39

Еще есть вопрос.
В связи с тем что я изменил размер картинки в шапке, то модуля поиска, корзины и лого остались вверху шапки, а хотелось бы ниже.
11-05-2015 16-37-33.png

#37 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 11 Май 2015 - 10:52

Просмотр сообщенияHiding (11 Май 2015 - 10:39) писал:

Еще есть вопрос.
В связи с тем что я изменил размер картинки в шапке, то модуля поиска, корзины и лого остались вверху шапки, а хотелось бы ниже.
Прикрепленный файл 11-05-2015 16-37-33.png

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#search {margin-top: 28px; transition:all 1s ease;}

Замените на:
#search {margin-top: 45px; transition:all 1s ease;}

Найдите код:
#cart{margin-top: 20px;}

Замените на:
#cart{margin-top: 37px;}


#38 Hiding

Hiding

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

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

Отправлено 11 Май 2015 - 11:11

Отлично. Тока теперь в мобильной версии все печально.

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

  • wp_ss_20150511_0001.png


#39 Cupuyc

Cupuyc

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

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

Отправлено 11 Май 2015 - 11:51

Просмотр сообщенияHiding (11 Май 2015 - 11:11) писал:

Отлично. Тока теперь в мобильной версии все печально.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
@media only screen and (min-width:769px) and (max-width:1024px){

Замените его на:
@media only screen and (min-width:769px) and (max-width:1024px){
  menu {height: 53px; margin-top: 81px;}

В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
@media only screen and (max-width:480px){

Замените его на:
@media only screen and (max-width:480px){
  menu {height: 53px; margin-top: 161px;}


#40 Hiding

Hiding

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

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

Отправлено 11 Май 2015 - 12:08

Спасибо, получилось. Еще вопросик.
Можно чтоб в мобильной версии в шапке лого отображался по другому?

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

  • wp_ss_20150511_0001.png





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

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