根据要定位的设备，您需要使用媒体查询，您可以在此处阅读有关这些设备的更多信息：CssTrick:

@media only screen and (max-width : 320px) {
    #content { 
      display: flex; 
      /* Optional, if you want the DIVs 100% width: */ 
      flex-direction: column;
    }
    #content > .wooside { order: 1; }
    #content > .nine { order: 2; }
}   

要实现这一点，您可以使用此免费WordPress插件在您的网站上使用以下自定义CSS代码https://wordpress.org/plugins/simple-custom-css/

@media only screen and (max-width : 767px) { 

    #content { 
        display: flex; 
        flex-direction: column;
    } 

    #content > .three.first { 
        order: 2; 
    } 

    #content > .nine { 
        order: 1; 
    } 
}