Fehlerbeschreibung
Beim Aufruf meines Registrierungsformulars des Joomla Cores von einem Smartphone aus werden Links in der rechten oberen Ecke und aufeinander angezeigt.
Ein Screenshot hiervon:
Grund
Den Fehler verursacht der CSS meines Templates. Die Links besitzen die CSS-Klasse modal, welche eine fixierte Position definiert.
.modal
{
position: fixed;
top: 20px;
right: 20px;
left: 20px;
width: auto;
margin: 0;
}
{
position: fixed;
top: 20px;
right: 20px;
left: 20px;
width: auto;
margin: 0;
}
Fehlerbehebung / Workaround
Als Workaround können die CSS-Klasse oder die Links in Zusammenhang mit der ID in eurem Template / Custom CSS definiert werden. Hierzu einfach nachfolgenden Code einfügen. Dieser überschreibt poistion:fixed. Ich habe mich im nachfolgenden Code auf die ID und das <a>-Element, also das Hyperlink-Tag, entschieden.
#jform_profile_tos-lbl a, #jform_privacyconsent_privacy-lbl a
{
position:relative;
}
{
position:relative;
}