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


Div Перекрыл Логотип


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

#1 cselon

cselon

    Продвинутый пользователь

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

Отправлено 17 Март 2018 - 22:16

Подскажите как исправить это(картинка)? При наведении на логотип, чтобы перейти по ссылке не получается, половина логотипа не кликается

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

  • Безымянный.jpg


#2 cselon

cselon

    Продвинутый пользователь

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

Отправлено 17 Март 2018 - 22:25

@media all and (min-width: 992px) {
#custommenu {    padding-top: 14px; padding-left: 80px;}  

изменил эти параметры и так стало

#3 Danil

Danil

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

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

Отправлено 22 Март 2018 - 15:24

Просмотр сообщенияcselon (17 Март 2018 - 22:25) писал:

@media all and (min-width: 992px) {
#custommenu { padding-top: 14px; padding-left: 80px;}  

изменил эти параметры и так стало
Здравствуйте.
В main.css найдите код
#custommenu {	padding-top: 20px; padding-left: 80px;} 
.logo {
  transform: scale(1.8);
  padding-top: 12px;
  padding-left: 23px;

} 
и замените на
#custommenu {	padding-top: 20px;} 


#4 cselon

cselon

    Продвинутый пользователь

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

Отправлено 22 Март 2018 - 16:32

Просмотр сообщенияDanil (22 Март 2018 - 15:24) писал:

Здравствуйте.
В main.css найдите код
#custommenu { padding-top: 20px; padding-left: 80px;}
.logo {
transform: scale(1.8);
padding-top: 12px;
padding-left: 23px;

}
и замените на
#custommenu { padding-top: 20px;}

Сделал, но так получается накладка на логотип (на картинке)

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

  • Безымянный.jpg


#5 Danil

Danil

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

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

Отправлено 22 Март 2018 - 18:12

Просмотр сообщенияcselon (22 Март 2018 - 16:32) писал:

Сделал, но так получается накладка на логотип (на картинке)
Дополнение к предыдущей инструкции:
В шаблоне html найдите код
		 <div class="col-left col-sm-2 col-xs-9">
			 <div class="logo">
			 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}" class="logo">
				 <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}">
			 </a>
			 </div>
		 </div>
		 <div class="col-right col-sm-10 col-xs-3">
и замените на
		 <div class="col-left col-sm-3 col-xs-9">
			 <div class="logo">
			 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}" class="logo">
				 <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}">
			 </a>
			 </div>
		 </div>
		 <div class="col-right col-sm-9 col-xs-3">


#6 cselon

cselon

    Продвинутый пользователь

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

Отправлено 31 Март 2018 - 21:11

Просмотр сообщенияDanil (22 Март 2018 - 18:12) писал:

Дополнение к предыдущей инструкции:
В шаблоне html найдите код
		 <div class="col-left col-sm-2 col-xs-9">
			 <div class="logo">
			 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}" class="logo">
				 <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}">
			 </a>
			 </div>
		 </div>
		 <div class="col-right col-sm-10 col-xs-3">
и замените на
		 <div class="col-left col-sm-3 col-xs-9">
			 <div class="logo">
			 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}" class="logo">
				 <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}">
			 </a>
			 </div>
		 </div>
		 <div class="col-right col-sm-9 col-xs-3">

Не помогло. Логотип сразу поплыл и стал больше.

#7 cselon

cselon

    Продвинутый пользователь

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

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

Можно решить эту проблему?

#8 Vaccina

Vaccina

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

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

Отправлено 06 Апрель 2018 - 08:45

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="col-left col-sm-2 col-xs-9">
			  <div class="logo">
				<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}" class="logo">
				  <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}">
				</a>
			  </div>
			</div>
			<div class="col-right col-sm-10 col-xs-3">
          
замените на:
<div class="col-left col-sm-3 col-xs-9">
			  <div class="logo">
				<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}" class="logo">
				  <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}">
				</a>
			  </div>
			</div>
			<div class="col-right col-sm-9 col-xs-3">
          
          
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#custommenu {	padding-top: 20px; padding-left: 75px;}
.logo {
  transform: scale(1.6);
  padding-top: 12px;
  padding-left: 23px;
 
}  

замените на:
#custommenu {padding-top: 20px;}


#9 cselon

cselon

    Продвинутый пользователь

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

Отправлено 06 Апрель 2018 - 14:24

Просмотр сообщенияVaccina (06 Апрель 2018 - 08:45) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="col-left col-sm-2 col-xs-9">
			 <div class="logo">
			 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}" class="logo">
				 <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}">
			 </a>
			 </div>
		 </div>
		 <div class="col-right col-sm-10 col-xs-3">
  
замените на:
<div class="col-left col-sm-3 col-xs-9">
			 <div class="logo">
			 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}" class="logo">
				 <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}">
			 </a>
			 </div>
		 </div>
		 <div class="col-right col-sm-9 col-xs-3">
  
  
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#custommenu { padding-top: 20px; padding-left: 75px;}
.logo {
transform: scale(1.6);
padding-top: 12px;
padding-left: 23px;

} 

замените на:
#custommenu {padding-top: 20px;}

Изменил, но при прокрутке страницы сразу идет прокрутка вниз. Можете это исправить пожалуйста?

#10 cselon

cselon

    Продвинутый пользователь

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

Отправлено 06 Апрель 2018 - 20:34

Помогите пожалуйста исправить, а то не возможно на сайте работать!

#11 metry

metry

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

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

Отправлено 06 Апрель 2018 - 20:42

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

#custommenu {padding-top: 20px;}

замените на:

#custommenu {padding-top: 0px;}

далее в самый конец кода вставьте:
.logo img{max-height:85px;}


#12 cselon

cselon

    Продвинутый пользователь

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

Отправлено 06 Апрель 2018 - 21:04

Просмотр сообщенияmetry (06 Апрель 2018 - 20:42) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

#custommenu {padding-top: 20px;}

замените на:

#custommenu {padding-top: 0px;}

далее в самый конец кода вставьте:
.logo img{max-height:85px;}

Почти работает, если уменьшить окно то прокрутка опять тянет вниз (картинка). Помогите пожалуйста исправить!

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

  • Без-имени-1.jpg


#13 Vaccina

Vaccina

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

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

Отправлено 07 Апрель 2018 - 02:32

Здравствуйте.

По проблеме со скроллом ответила вам тут:
https://forum.storel...ой/#entry274819




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

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