Photospace Gallerific wordpress響應垂直畫廊縮略圖媒體查詢JavaScript的CSS？

Question

我想讓我的圖片庫http://wordpress.org/extend/plugins/photospace-responsive/在瀏覽器縮小爲移動時縮小垂直佈局，使其變爲水平佈局。

請你能告訴我如何在屏幕尺寸較小時使畫面恢復到頂部？

看我的測試頁 http://brightmist.co.uk/gallery/

我甚至試過媒體查詢

.photospace_res .gal_content { 
    float: left; 
    width: 80%; 
} 

.photospace_res .thumbs_wrap2 { 
    float: left; 
    min-height: 800px; 
    width: 20%; 
} 
@media all and (max-device-width: 480px) { 
    .photospace_res .gal_content { 
     float: none; 
     width: 100%; 
    } 

    .photospace_res .thumbs_wrap2 { 
     float: none; 
     min-height: 0; 
     width: 100%; 
    } 
} 

感謝您的幫助 朱迪

Answer 1

耶我固定它，並增加了一些額外的樣式

.photospace_res .gal_content { 
    float: left; 
    width: 80%; 
} 

.photospace_res .thumbs_wrap2 { 
    float: left; 
    width: 20%; 
} 

.photospace_res { 
    margin: 0; 
} 

.photospace_res .ss-controls { 
    border: 1px solid #CCCCCC; 
    margin-bottom: 20px; 
    padding: 5px 10px; 
} 

@media screen and (max-width: 700px) { 
    .photospace_res .gal_content { 
     float: none; 
     width: 100%; 
    } 

    .photospace_res .thumbs_wrap2 { 
     float: none; 
     min-height: 0; 
     width: 100%; 
    } 
}