I want to make the cell appear in 2 rows on mobile.

Hey Designer,

Thanks for providing us an admin access to your site.
We have done the modification on your site. Here are the steps we’ve done:
1. In Enfold > Layout Builder > check Show element options for developers (Enfold 4.5.7, in the latest version of Enfold it’s a dropdown)
2. Edit Color Section, set Custom CSS Class field to mobile-two-columns
3. In Enfold > General Styling > Quick CSS, we added this css code (this affects mobile and ipad portrait mode):

@media only screen and (max-width:989px) {
  .responsive #top #wrap_all .mobile-two-columns .av_one_fourth {
    margin-left: 2%;
    width: 48%;
    clear: none;
  }

  .responsive #top #wrap_all .mobile-two-columns .entry-content-wrapper .av_one_fourth:nth-child(2n+1) {
    margin-left: 0;
    margin-right: 2%;
    clear: both;
  }
}

4. since the site still fetches the old css, I have temporarily disabled CSS file merging and compression in Enfold > Performance (you can enable it again if it fetches the new css).

If you need to apply this change on other 4 columns inside a color section, just repeat step 2 (only).
Let us know if you need further assistance.

Best regards,
Nikko