Lieber Azrael, das habe ich schon versucht, da tut sich leider nichts.
SirEctor: Ich habe jetzt deinen Code (nach langer Recherche) hier nach dem ersten Woocommerce-Punkt eingefügt:
Media (max-width: 480px) {
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 100%;
}
.woocommerce-page .woocommerce-result-count {
text-align: center;
width: 100%;
margin-bottom: 0px;
}
.woocommerce-page .woocommerce-ordering {
float: none;
}
.woocommerce-page .products .product > a:first-child {
width: 240px;
}
.woocommerce-page .woocommerce-tabs .tabs li {
width: 100%;
}
.woocommerce-page .woocommerce-tabs .tabs li {
width: 100%;
border-bottom: 2px solid #CCC;
}
.woocommerce-page .woocommerce-tabs .tabs {
border-bottom: 0;
}
.woocommerce-page .woocommerce-tabs .comment_container {
position: relative;
padding-left: 0px;
padding-top: 50px;
}
.woocommerce-page .comment-text .star-rating {
width: 100%;
margin-bottom: 5px;
float: left;
}
.woocommerce-page .products .product > a:first-child {
width: 100%;
}
/* cart page */
.woocommerce table.shop_table th {
padding: 5px 5px;
font-size: 8px;
}
.woocommerce-page .woocommerce .product-name a {
font-size: 12px;
line-height: 16px;
float: left;
}
.woocommerce table.shop_table td {
padding: 6px 4px;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table td span,
.woocommerce table.shop_table td a,
.woocommerce table.shop_table td strong {
font-size: 12px;
}
.woocommerce table.shop_table td .amount {
font-size: 12px;
}
.woocommerce-page .woocommerce .product-quantity input.qty {
width: 45px;
}
.woocommerce td.product-quantity {
min-width: 40px;
}
.woocommerce-page .woocommerce input[type="submit"] {
font-size: 10px;
}
.woocommerce-page .woocommerce .cart_totals tr.cart-subtotal th {
font-size: 12px;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th {
font-size: 12px;
}
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table td span,
.woocommerce-cart .cart-collaterals .cart_totals table td a {
font-size: 12px;
}
.woocommerce form .form-row label {
font-size: 12px;
}
.woocommerce-page .woocommerce .woocommerce-info,
.woocommerce-page .woocommerce .woocommerce-info a {
font-size: 12px;
}
.woocommerce-checkout-payment label {
font-size: 14px;
}
.woocommerce-page .woocommerce #payment div.payment_box p {
font-size: 12px;
line-height: 16px;
text-align: justify;
}
.woocommerce form .form-row {
width: 100%;
}
.woocommerce-page .woocommerce .order_details li {
width: 100%;
border-bottom: 1px dashed #d3ced2;
border-right: none;
padding: 0 0 5px 0;
margin-bottom: 5px;
margin-top: 5px
}
.woocommerce-page address {
font-size: 12px;
}
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-error li {
font-size: 12px;
}
.woocommerce-page .woocommerce .cart-collaterals .cart_totals a {
width: 100%;
margin-right: 0;
}
.woocommerce-page .woocommerce .checkbox {
font-size: 16px;
}
.woocommerce-page .myaccount_address {
font-size: 12px;
}
.woocommerce-page #content .quantity input.minus,
.woocommerce-page #content .quantity input.plus {
display: none;
}
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product{
width: 100%;
}
--> Da hat sich aber nichts geändert. Kannst du mir nicht doch noch einen Tipp geben, bitte?
LG