Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 26, 2016 at 12:46 pm #589707
    Frankmen

    Hallo,

    habe nun noch ein Problem in der responsive Ansicht:

    Ich habe mit:
    #top input[type=”text”] {width: 400px;}
    #top input[type=”email”] {width: 400px;}

    die Felder vom CF7 auf die passende Länge gesetzt da sich die Felder direkt im CF7 mit:
    [text* your-name size:30 maxlength:60]
    irgendwie nicht verändern (scheint wohl ein Problem zwischen CF7 und Enfold zu sein)

    Die Einstellungen betrifft die Formulare und auch die Kommentare

    Nun sind die Felder halt nicht mehr responsive, lösche ich den Quick CSS-Code wieder gehen die Felder im Formular immer über die komplette Zeile sind dafür aber wieder responsive ;-(

    Gibt es dafür evtl. auch eine Lösung ??

    February 29, 2016 at 9:50 am #590621
    Ismael

    Hi Frankmen!

    Thank you for using Enfold.

    Use css media queries in order adjust the width on smaller screens. Example:

    @media only screen and (max-width: 767px) {
#top input[type="text"] { width: 200px; }
#top input[type="email"] { width: 200px; }
}

    http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

    Cheers!
    Ismael

    February 29, 2016 at 4:51 pm #590912
    Frankmen

    Hi Ismael,

    thank’s for the code but nothing has changed ?!?!
    But you can still close this call i found some better layout with:

    <div class=”flex_column av_one_half first”>[text Name placeholder “Name”]</div>
    <div class=”flex_column av_one_half”>[text Vorname placeholder “Vorname”]</div>
    …
    and this works fine in responsive view ;-)

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Problem in der responsive Ansicht mit Feldern’ is closed to new replies.