Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 2, 2016 at 11:47 am #606939
    flo-ko

    Hallo zusammen

    im Responsive Template Enfold ändert sich die Darstellung des Grid Row In der Standardeinstellung folgendermaßen: aus 1 Zeile mit 4 Spalten (1/4+1/4+1/4+1/4) wird bei der Unterschreitung einer bestimmten Fensterbreite 4 Zeilen mit 1 Spalte (1/1)

    Ich hätte in der Darstellung gerne einen Zwischenschritt d.h. Fensterbreite >800 px 1 Zeile mit 4 Spalten (1/4+1/4+1/4+1/4); bei Fensterbreite 400- 800 px, 2 Zeilen mit 2 Spalten (1/2+1/2); Fensterbreite < 400px 4 Zeilen mit 1 Spalte(1/1)

    … in etwa so wie auf Startseite von Apple http://www.apple.de

    Freue mich auf einfache Lösungsvorschläge :-)

    Danke und Grüße
    Flo

    April 4, 2016 at 9:15 am #607454
    Ismael

    Hey flo-ko!

    Thank you for using Enfold.

    The cells should automatically switch to one column on screen width 767px and below. If you want to have two columns on tablet screens, add this code in the Quick CSS field:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* Add your Mobile Styles here */
  #top .flex_cell.av_one_fourth {
      width: 50%;
      display: block;
      float: left;
  }
}

    Cheers!
    Ismael

    April 4, 2016 at 9:59 am #607465
    flo-ko

    Hey Ismael,

    many thanks!

    I have copied the complete code to the Quick CSS field… unfortunately it does not work?!

    Thanks
    Flo

    April 4, 2016 at 12:21 pm #607502
    Andy

    Hi!

    then try to add an !important:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* Add your Mobile Styles here */
  #top .flex_cell.av_one_fourth {
      width: 50% !important;
      display: block !important;
      float: left !important;
  }
}

    Clear browser cache and hard refresh a few times.

    Cheers!
    Andy

    April 4, 2016 at 4:59 pm #607746
    flo-ko

    Hi Andy,

    it works!

    Thanks
    Flo

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Grid Row wie bei Apple’ is closed to new replies.