Position setting does not change anything

Hey Michael,
Thank you for your patience, but the site you linked to is not working, but I believe that I found the correct site in one of your other threads.
When I checked your three columns, all of them were set to “position 1”:

please note that this will only work when “Column Behaviour” set to individual:

One way around this limitation is to add custom IDs the elements:

and then this css, which I added to your WordPress ▸ Customize ▸ Additional CSS

@media only screen and (max-width: 767px) { 
  #changeorder,#changeorder .entry-content-wrapper,#changeorder .flex_column_table {
  display: flex !important; 
  flex-wrap: wrap !important; 
  }
  #placeone {
      order: 1 !important; 
  }
  #placetwo {
      order: 2 !important; 
  }
  #placethree {
      order: 3 !important; 
  }
}

and this works for your DE site, but your EN & FR pages don’t update correctly, I’m not sure if it is your caching or your WPML. To correct I added this css:

@media only screen and (max-width: 767px) { 
  #top.home #av_section_1,#top.home #av_section_1 .entry-content-wrapper {
  display: flex !important; 
  flex-wrap: wrap !important; 
  }
  #top.home #av_section_1 .av_one_fourth.first {
      order: 1 !important; 
  }
  #top.home #av_section_1 .av_one_fourth.last {
      order: 2 !important; 
  }
  #top.home #av_section_1 .av_one_half {
      order: 3 !important; 
  }
}

Now it is working for all three languages, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, I place the css in WordPress ▸ Customize ▸ Additional CSS because you are using multiple languages and wanted it to work for all languages, you can move it to Quick CSS if you wish, but you will need to add it for each language. WPML creates a theme panel for each language. If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike