CSS i HTML w Wordpress

Question

Witam otóż mam taki problem walczę z responsywnością na mojej stronie która jest tworzona w wordpress otóż na rozdzielczościach 1280x720 i mniejszych strona wyświetla się tak jak bym chciał jednak gdy wejdę na rozdzielczości większe obraz w nagłówku się sypie i wygląda to w ten sposób

próbowałem rozszerzyć diva dająć width:100% bez efektu próba rozszerzenia samego zdjęcia też nie przynosi żądanych skutków dodam jeszcze tylko że działam na darmowym szablonie wordpressa i w całości go edytuję.

Comments

Po pierwsze: popraw treść posta dodając interpunkcję. Po drugie: pokaż kod, albo podaj linka do strony.

---

Mało kiedy stosuję interpunkcje pisząc w internecie ba tylko strzelam statystycznie 10% użytkowników internetu stosuje interpunkcje

co do strony

.consultup-breadcrumb-section .overlay 
{
    background: linear-gradient(to bottom, #051b4400 0%, rgba(5, 27, 68, 0) 50%, rgba(5, 27, 68, 0) 100%); 
    height: 100%;
    padding: 320px 0 100px 0;
    position: relative;
    width: 100%;
}

w ten sposób mam zrobiony css odpowiadający za zdjęcie w nagłówku

 

 

udało mi się rozwiązać problem samemu.

background-size: cover !important;

dodałem tylko tą linijkę do css'a którego już mam w divie który mnie interesuje.

---

Fajnie, że znalazłeś przyczynę problemu. Niemniej, użycie !important to zły pomysł - trudno będzie Ci ewentualnie taki styl nadpisać. Zamiast tego sprawdź co ustawia temu elementowi inną wartość stylu background-size i nadaj wartość cover selektorem o wyższej specyficzności lub dodaj ten styl w nowej klasie i dodaj ją do elementu.