PDA

Zobacz pełną wersję : Joomla 3.9 + templatka JD_newyork - problem formularza kontaktu


soki
20-11-2018, 12:50
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

9474

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

Z "góry" za odpowiedź
zwiastun
20-11-2018, 12:52
Bez linku do strony raczej nie otrzymasz porady
soki
20-11-2018, 13:00
Bez linku do strony raczej nie otrzymasz porady
Dziękuję za podpowiedź.

Link do formularza: http://protectnet.pl/kontakt.html
zwiastun
20-11-2018, 13:22
Wysłałem testowy e-mail, ale nie widzę żadnego problemu.
soki
20-11-2018, 13:35
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
20-11-2018, 14:25
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_newyork/css/template.css


Linia 3411 i 3420.

Rezultat: http://prntscr.com/lkoval

Oczywiście dodaj sobie tam odpowiedni margines nad by było ładnie.
soki
20-11-2018, 18:57
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
20-11-2018, 22:51
Jeszcze to:


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


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

Zmień width: 160px na auto.
soki
21-11-2018, 22:02
Działa. :D

Dziękuję za pomoc.