Как отредактировать изображения в мобильной версии сайта?

Question

[Rezonatorrr]

В мобильной версии сайта не могу сделать картинки слайдера в хедере на всю ширину экрана и опустить самую нижнюю картинку. Никакие no repeat и иже с ними свойства не помогают

Answer 1

[Евгений]

Потому что у тебя какой-то из родительских элементов с ограниченной шириной, и обрезает все, что выходит за его рамки.

Comments

[Rezonatorrr]

Евгений и как его обмануть этот элемент?

[Евгений]

Rezonatorrr, разбирать подробно верстку.

1) либо переверстывать блок для реализации задачи
2) либо можно обойтись overflow: visible;

[Rezonatorrr]

Евгений, и как второе использовать в этом случае?

[Евгений]

Rezonatorrr, добавь в стили

.wpb_text_column.wpb_content_element {
    overflow: visible;
}

Сработает как костыль. Но работоспособность нужно перепроверить на всевозможных размерах.

[Rezonatorrr]

Евгений, спасибо, попробую! А как быть со вторым вопросом?

[Евгений]

Rezonatorrr,

А как быть со вторым вопросом?

Вот это, к сожалению, совсем непонятно написано.
Можешь скриншот приложить, что имеешь в виду?

[Rezonatorrr]

Евгений, предыдущий код помог, ещё раз спасибо!
Насчёт второго: имеется в виду как сделать меньше или совсем убрать пробел здесь? Тоже моб. версия

[Rezonatorrr]

Евгений, так как быть?

[Евгений]

Rezonatorrr, конкретно у этого элемента можно скорректировать padding-bottom:



Это поможет, но это костыль. По-хорошему нужно переделывать верстку последнего блока перед футером, чтобы не зависеть от высоты картинки.

[Rezonatorrr]

Евгений, прописываю

.vc_custom_1652800675042 {
	padding-bottom:  90px !important;
}

но ничего не меняется

[Евгений]

Rezonatorrr, 90 – установлено сейчас. Глянь внимательно стили. Нужно поставить меньше. На скриншоте я показал – 70px.

[Rezonatorrr]

Евгений, вообще никак не меняется, что меньше ставлю, что больше

[Евгений]

Rezonatorrr, сейчас я вижу, что у тебя в стилях на сайте изменения добавлены раньше тех, что ты пытаешься изменить. Применяется самый последний (в списке стилей в инструментах разработчика – самый верхний).

[Rezonatorrr]

Евгений, ...простите, не понял). У меня в стилях ранее нет записи с .vc_custom_1652800675042

[Евгений]

Rezonatorrr, я скрин с твоей ссылки делаю. Выше указал, что нужно тебе для конкретной реализации, плюс написал, почему эта идея говно. Дальше – сам. Удачи.

[Евгений]

Rezonatorrr, глянул историю твоих вопросов – 44 по всякой мелкой фигне. У тебя похоже абсолютно нет желания разбираться в том, чем ты занимаешься (и возможно чем зарабатываешь).

[Rezonatorrr]

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

Answer 2

[Артём Колосов]

style.css
49 строка
.site-main .vc_column_container > .vc_column-inner

padding-left: 10px;
padding-right: 10px;

Это же Visual Composer в WP? Просто добавь колонке какой-нибудь класс и через @ media в стилях, для мобильных устройств (как ты задавал margin) - задай именно этому элементу padding 0)

Comments

[Rezonatorrr]

Артём Колосов для решения второго вопроса, увы, не работает