Return to previous page

My site looks so narrow - by rofiqikurnia

This topic has 4 replies, 2 voices, and was last updated 7 years, 1 months ago ago by Jack Richardson

rofiqikurnia

Participant

March 16, 2017 at 05:14

Hi, I have some problem here

1. why my site looks so narrow on desktop screen?
how to fix that? I have set my site to “wide” on theme setting but it still not go wide.

http://prntscr.com/ekj2nt
http://prntscr.com/ekj46o
http://prntscr.com/ekj4bv

2. Why all linked products going to swap when mouse hover on it? i saw on demo that the linked products will swap one by one based on mouse hover on specific product.

my site
http://prntscr.com/ekj4o7

demo site
http://prntscr.com/ekj73d

Thank you for reply and solution

Please, contact administrator
for this information.

#157095 Copied Theme version: legenda 3.1 WooCommerce version: 2.6.14

3 Answers
Jack Richardson

Support staff

March 20, 2017 at 13:50
Hello,

1. Go to Theme Options > Responsive > turn on “Enable Responsive Design”. Also set the value for “Large resolution from” option if needed.

2. I’ve added this css code in custom CSS section:
```
.sidebar .product .hover-effect-swap .product-content-image:hover img {
    opacity: 1 !important;
}
.product .hover-effect-swap .product-content-image img {
    opacity: 1;
}
.sidebar .product .hover-effect-swap .product-content-image img {
    opacity: 0;
}
.sidebar .product .hover-effect-swap .product-content-image img.hide-image {
    opacity: 1;
}
```
Regards,
Jack Richardson.
#157340 Copied
rofiqikurnia

Participant

March 21, 2017 at 07:45

Thank you for the solution, but now my shop page is displaying product image for hover effect not its featured image for each product. it displayed the right image when i disable product image hover, but going wrong when I enable swap option in product image hover. How about that?

Thank you

#157382 Copied

Jack Richardson

Support staff

March 22, 2017 at 15:14

Hello,

Please check your shop page now.

Regards,
Jack Richardson.

#157540 Copied
Tagged: narrow, themes, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)