Product Description

[juliensalanave]

Hello support,

I also noticed that product description and its variation is position below the slider or thumbnails when viewing it on iPad 10.2 using safari browser. Did I miss something in my setting. Please view attach file for your perusal. Thanks.

Respectfully,

Billy

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Looks like your custom CSS:

[juliensalanave]

Thanks David for your response.

[juliensalanave]

Hello David,

I try to adjust width % but it didn’t work. Here is custom CSS:

@media only screen and (min-device-width : 768px) {
.woocommerce div.product div.images {
width: 50% !important
}
}
@media only screen and (min-device-width : 768px) {
.woocommerce div.product div.summary {
width: 50% !important
}
}

Please advise. Tnx

Respectfully,

Billy

[juliensalanave]

And here is the status of the product page now:

/* Image thumbnail display */
@media only screen and (min-width: 768px)
.woocommerce div.product div.images {
width: 60%;
}

/* Product description */
@media only screen and (min-width: 768px)
(index):173
.woocommerce div.product div.summary {
width: 38%;
}

But why is it that the production description / summary is below the slider which is suppose to be beside or right side the Product Thumbnail. Did I miss something wrong? Need your assistance on this matter. Thank you.

Respectfully,

Billy

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide admin access to check if you have ant syntax error in the custom css?

-Rui

[juliensalanave]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

I can’t see that css in the custom css option.

-Rui

[juliensalanave]

Rui I just removed those custom CSS because it won’t affect the front end even I put !important to the code.

[Rui Guerreiro – SUPPORT]

The css above is missing some brackets. Try this one.

/* Image thumbnail display */
@media only screen and (min-width: 768px){
.woocommerce div.product div.images {
    width: 60%!important;
  }
}

/* Product description */
@media only screen and (min-width: 768px){
.woocommerce div.product div.summary {
    width: 38%!important;
}
}

-Rui