Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Как изменить положение данной кнопки на сайте?

werrt 34tegsd Ученик (91), на голосовании 1 год назад
На сайте rsu211 . ru есть внизу главной страницы слайдер с отзывами. Под слайдером кнопка "Добавить отзыв". Эта кнопка расположена слишком низко относительно слайдера, необходимо ее поднять выше. Если диву mr-slider slick-initialized slick-slider задать высоту 600px, кнопка поднимается, но деформируется слайдер "Наши клиенты", а на мобильных устройствах кнопка "Добавить отзыв" остается слишком низко. Если задать этому диву отрицательный margin-bottom, появляются вертикальные полосы прокрутки возле разных элементов.
Как поднять кнопку без побочных эффектов?
Голосование за лучший ответ
Алексей Белянин Гуру (2699) 1 год назад
@media screen and (max-width: 992px)
.mc-slider, .mr-slider {
margin: 0px -30px -88px;

вот так отредактировал файл style.css
вроде нормальный отступ стал
werrt 34tegsdУченик (91) 1 год назад
У меня браузер на 1920 в ширину развернут, во весь экран. max-width: 992px на сколько понимаю, для ширины не больше 992px. Добавляю в style.css
@media screen and (max-width: 1920px) {
.mc-slider, .mr-slider {
margin: 0px -30px -150px;
}
}
И кнопка поднимается, но вместе с тем появляются вертикальные полоски прокрутки у блоков слайдеров.
Алексей Белянин Гуру (2699) werrt 34tegsd, может не на -150px делать а поменьше
Илья Ш Просветленный (20082) 1 год назад
img {
vertical-align: top;
max-width: 100%;
height: auto;
}

height: auto; - убери
werrt 34tegsdУченик (91) 1 год назад
Это помогло в браузере на ПК и на мобильном, но при этом фото сотрудников на мобильном перестали быть круглыми и вытянулись в овал с искажением изображений.
Илья ШПросветленный (20082) 1 год назад
review-image картику прелодера убери/замени data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== а img - height: auto оставь
werrt 34tegsd Ученик (91) Илья Ш, а для чего эта картинка нужна и что потеряю, отказавшись от нее? На сколько понимаю, она относится к плагину WP который оптимизирует изображения. А как можно убрать height: auto; только для одно слайдера и оставить для всех остальных элементов?
No Мастер (1164) 1 год назад
задай просто фиксу, для блоков слайдера, у тебя флекс пространство занимает

.slick-initialized .slick-slide {
display: block;
height: 640px !important;
}

под разрешения сам подгонишь надеюсь

Либо кнопку на абсолют
.btn-center {
position: absolute;
left: 50%;
transform: translateX(-50%);
margin-top: -132px;
}

и аналогично css под разрешения пофиксить
Похожие вопросы