Broken Single Product page - by knguyen2015

Hello,

Try to change this css code

.products-small .product-item .variation {
    width: 90px;
}

to this:

.products-small .product-item .variation {
    width: 120px;
}

Best regards,
Jack Richardson.

Hello,

To mark products as “sale” you need add sale price in product editor.

I’ve changed the code as mentioned in the previous post and don’t see any issues:
http://storage8.static.itmages.com/i/16/0512/h_1463045692_7937837_af1bf0b8ef.jpeg

Please clear browser cache and check again.

Best regards,
Jack Richardson.

Hello,

Have you changed WP Dashboard credentials? Please provide the correct ones.
What “review” do you mean? Is it “Reviews” tab on single product page?

Best regards,
Jack Richardson.

Hello,

Theme Options styling is caused by one of your plugins. Disable them one by one to find it out.

To show one product per row on mobile add this code in custom.css:

@media (max-width: 480px) {.products-grid.product-count-3 .product:nth-child(n) {
    width: 100% !important;
}}

Regards,
Eva Kemp.

Hello,

To show one product per row on home page you need edit your Products element that you added in home page editor and set 1 to “Number of items on phones” field.

Regards,
Eva Kemp.

Hello,

1. Please use this code in custom.css file:

@media (max-width: 480px) {.boxed.rightPanel-enabled .shopping-cart-widget {
   width: auto !important;
}}

2. As for cart widget, it’s difficult to achieve what you want to do with variations because it’s built as table and to get variations inline their width should be changed, but you have variations with different words length and that’s why it can’t be done. So we recommend you to use default theme styling and remove custom css code you were given earlier.

3. Try to use this css code:

@media (max-width: 480px) {.single-product .woocommerce-message .button {
   float: none;
}}

Best regards,
Jack Richardson.