移動而不是兩列的一列

我想在移動時在一列中的產品類別頁面上顯示產品。但它顯示2列，它可能會導致出現問題我嘗試下面的CSS代碼來做到這一點，但它沒有工作：移動而不是兩列的一列

@media only screen and (max-width:460px) { 
.woocommerce[class*=columns-] ul.products li.product { 
    width: 100%; 
} 
}

我想要的是，

http://www.e-tamirci.com/tamirci-bul/

謝謝你的幫助。

我找到了解答的答案;

@media all and (max-width:768px){ 
.woocommerce ul.products li.col-3.product, 
.woocommerce-page ul.products li.col-3.product{ 
    width: 98%; 
    margin:1%; 
} 

}

謝謝。

來源

2016-04-28 B.Koc

你的問題是

@media (max-width: 768px) 
.woocommerce ul.products li.col-3.product, .woocommerce-page ul.products li.col-3.product { 
    width: 48%; 
}

所以將其更改爲

@media (max-width: 768px) 
.woocommerce ul.products li.col-3.product, .woocommerce-page ul.products li.col-3.product { 
    width: 100%; 
}

來源

2016-04-28 12:24:44

謝謝，我試過這個代碼，但它仍然是一樣的。 –

嘗試清除您的緩存，因爲它的作品:) 否則把寬度：100％！重要; –

我已經這樣做了，仍然一樣，即使我嘗試過谷歌移動檢查，它也是一樣的。 –

請嘗試以下css.Here你在山坳錯過了「」和u代替列山坳

@media only screen and (max-width:460px) { 
.woocommerce[class*="col-"] ul.products li.product { 
    width: 100%; 
} 
}

來源

2016-04-28 12:44:06

謝謝，但沒有任何改變。 –

移動而不是兩列的一列

回答

相關問題