Joomla 3.9 + templatka JD_newyork - problem formularza kontaktu

[soki]

Witam wszystkich użytkowników.

Zwracam się o pomoc w rozwiązaniu mojego problemu.

Problem polega na tym, że na urządzeniach mobilnych przesuwa mi napis Artykuły - Potwierdzenie zgody

blad_joomla.png

Jeśli problem był już poruszany to proszę o link.

Z "góry" za odpowiedź

[zwiastun]

Bez linku do strony raczej nie otrzymasz porady

[soki]

Bez linku do strony raczej nie otrzymasz porady

Dziękuję za podpowiedź.

Link do formularza: http://protectnet.pl/kontakt.html

[zwiastun]

Wysłałem testowy e-mail, ale nie widzę żadnego problemu.

[soki]

Wysłałem testowy e-mail, ale nie widzę żadnego problemu.

Formularz działa tylko jest problem z wyświetlaniem tekstu przy zmniejszeniu strony i na urządzeniach mobilnych.
Tekst przy przycisku wyświetla się nieprawidłowo tak jak na załączonym wcześniej zrzucie ekranu.

[siristru]

Tutaj widać problem: http://prntscr.com/lkorip
Dotyczy on widoku dla xs.

Formularz jest błędnie sformatowany dla widoku xs. Trzeba go poprawić by wyglądał tak: http://prntscr.com/lkosx6

@media screen and (max-width: 767px) and (min-width: 320px)
.form-horizontal .control-label {
    width: auto;
    text-align: left;
}


@media screen and (max-width: 767px) and (min-width: 320px)
.form-horizontal .controls input, .form-horizontal .controls textarea {
    width: auto;
max-width: 100%;
}

http://protectnet.pl/templates/jd_ne...s/template.css


Linia 3411 i 3420.

Rezultat: http://prntscr.com/lkoval

Oczywiście dodaj sobie tam odpowiedni margines nad by było ładnie.

[soki]

Oczywiście dodaj sobie tam odpowiedni margines nad by było ładnie.

Checkbox i napis pojawił się ale nie potrafię sformatować formularza jak w przykładzie końcowym.

[siristru]

Jeszcze to:

.form-horizontal .control-label {
    float: left;
    width: auto;
    padding-top: 5px;
    text-align: right;
}

http://protectnet.pl/templates/jd_ne...css/legacy.css linia 1008.

Zmień width: 160px na auto.

[soki]

Działa.

Dziękuję za pomoc.