Question

Меню в мобильной версии стоит слишком близко к лого  Скриншот - https://pp.vk.me/c633121/v633121161/3472e/l6kBN1RxZC8.jpg  Что нужно прописать в css что бы меню ниже что ли опустить, но при этом чтоб десктопная версия не страдала

Answer 1

Разве близко, вроде все как положено:

Comments

У вас телефон какой-то большой) На скриншоте смотрите  у меня в точь в точь так же на телефоне

---

Goalov,

У меня к вам уточнительный вопрос, вы тариф Pro оплатили в Юкит чтобы иметь доступ к стилям и править меню за $15?

• Если нет, вы ничего изменить не сможете в меню даже малейшие изменения.

---

Yuri_Geruk,

Да - https://pp.vk.me/c633121/v633121161/34769/oof2SQXwjhM.jpg

---

Goalov,

Добавить в таблицу стилей CSS следующие стили:

@media screen and (min-width: 340px) and (max-width: 730px) { 
    .menu-head {position:relative;top:20px!important;}
    .ul-w-mainmenu-toggle-button {position:relative;top:-100px!important;}
}

вроде как нужно.

---

Yuri_Geruk,

Ничего не изменилось(

---

Goalov,

Возможно разрешение слишком большое указал, пропишите вместо 340 к примеру 240 возможно поможет.

---

Yuri_Geruk,

до 140 даже опустил, не помогло(

---

Goalov,

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

---

Yuri_Geruk,

Но, а почему через телефон захожу изменений нет https://pp.vk.me/c615724/v615724161/17703/Lw1sS1LpuOQ.jpg

---

Goalov,

> Как отцентрировать картинку в мобильной версии?

>> Вот попробуйте добавить стили:

@media screen and (min-width: 140px) and (max-width: 440px) { 
    .ul-w-mainmenu-toggle-button {position: relative;left: 250px!important;}
}

---

Yuri_Geruk,

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

---

Yuri_Geruk,

Вы здесь...?

---

Goalov,

В файле стилей - http://mitinband.ru/sitecss/customColorScheme.css строка 6100 присутствуют стили:

#body .ul-slider-wysy .ul-image {
  width: 100%;
  min-height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

выделенное регулирует размер фото в слайдере, то есть просто растягивает на всю ширину и высоту.

• Увы лучшего решения чем сейчас я не вижу, если попытаться как пример вместо ковер задать 100%, да, фото будет адаптивным и по центру, но здесь уже будет проблема с высотой фото так как оно уменьшается и соответственно высота так же, а при ковер все остается как и было, оставьте как есть чтобы не сломать и не сделать хуже.