Hallo,
für meine Seite nutze ich an verschiedenen Stellen "Contact Form 7" Kontaktformulare, bei welchen ich den Submit-Button mittels css anpasse. Ein Beispiel ist z.B. die Seite https://www.quality-lifestyle.de/kontakt/
Ist das Browserfenster genügen groß, so ist auch alles wie gewünscht. Mache ich jedoch das Browserfenster kleiner oder öffne die Seite Beispielsweise auf meinem Handy, so wird der Buttontext (In diesem Fall "Unverbindlich zum kostenlosen Vorgespräch anmelden") einfach abgeschnitten. Dieser passt sich nicht der Button-Größe an, so dass nun in der Ansicht auf Mobilgeräten der Knopf zwar schön an die Auflösung angepasst wird, vom Text jedoch nur "Unverbindlich zum koste" sichtbar ist.
Ich steh etwas auf dem Schlauch, da in der CSS die Schriftgröße ja relativ angegeben ist und ich dachte damit passt die sich an
input[type="submit"] {
background-color:#004ca0! important;
border-color: #fff;
color: #fff !important;
padding: 20px 10px 20px 10px;
[B]font-size: 120%;[/B]
margin-top: 15px;
width: 80%;
margin-left: 10%;
margin-right: 10%;
}
input[type="submit"]:hover {
background-color:#fff! important;
border-color: #004ca0;
color: #004ca0!important;
padding: 20px 10px 20px 10px;
[B]font-size: 120%;[/B]
margin-top: 15px;
width: 80%;
margin-left: 10%;
margin-right: 10%;
}Irgendjemand eine Idee?