Return to previous page

Multiple issues after updates - by Patricia

This topic has 6 replies, 2 voices, and was last updated 6 years, 9 months ago ago by Rose Tyler

Patricia

Participant

June 20, 2017 at 22:53

Hello.
Great theme!
We’ve updated to the latest WordPress, plugins, and version of the Legenda theme. Here are the issues that arise:

On Mobile device view:
Menu color is invisible (black on black)
The social icons at bottom-right are too far to the right, and covered over by the Back to top button

In Desktop view
Many images are blurry (they are not when you hover over them)
When there is more than one image added, you cannot hover and zoom over the first one,
but when you select the second or third image, you can. BUT the preview image is blurry.

In the Shop te Ayoyo page:
Odd server messages at top

Please see below for login info.
When fixed, please document, in detail, what was needed to be fixed (for example, if custom CSS was written; or function.php edited).

Please, contact administrator
for this information.

#166102 Copied Theme version: 3.2 WooCommerce version: 3.0.8

5 Answers
Rose Tyler

Support staff

June 22, 2017 at 08:32
Hello,

Sorry for the delay.

On Mobile device view:
Please add this code in custom css:
```
.et-mobile-menu li > a {
    color: white;
}
@media only screen and (max-width: 480px) { 
.copyright .socialmedia-buttons {
 text-align: center;
}
}
```
How to create custom.css you can watch in this tutorial https://www.youtube.com/watch?v=Qok2zRedRMY.

In Desktop view
– This question is a bit unclear. Could you please clarify us with more details and provide a screenshot?

In the Shop te Ayoyo page
– please provide FTP credentials.

Regards,
Rose Tyler.
#166184 Copied
Patricia

Participant

June 26, 2017 at 20:59

Thank you for the reply.

On Mobile device view:
The CSS code fixed the menus items, but the top text, “NAVIGATION” is still black on black.

In Desktop view
The issue is most obvious on a product with multple photos:
http://www.elsavalencia.com/shop/harlow-pearl-ring/

Screenshots:
http://ge.tt/3ALNBXl2

Visit that page on your regular desktop/laptop computer. See how the first thumbnail is visible?
If you hover your mouse over it, nothing happens (ignore the Pinterest button). Image 2017-06-26 (0).png
If you click the second thumbnail you will see it larger, but blurry. Image 2017-06-26 (1).png
If you hover over that larger image, it zooms in, and is clear. Image 2017-06-26 (2).png

2017-06-26 (3).png & 2017-06-26 (4).png show the same thing for another thumbnail.

This is happening to all products.

A product with only one thumbnail only shows the image small, and a hover gives the pinterest button, not the zoom.
It should also have the Zoom feature.

Also, how do you center the logo? I added the custom CSS

.header5 .logo, .header6 .logo, .header1 .logo, .header7 .logo {
width: 100%;
}

But that makes the text of the cart very small. Setting width to 90% makes the text more readable, but does not center the logo.

See 2017-06-26 (5) & 2017-06-26 (6) & 2017-06-26 (6) CENTER

In the Shop te Ayoyo page
See below for credentials.

Please, contact administrator
for this information.

#166467 Copied
Rose Tyler

Support staff

June 27, 2017 at 10:28
Hello,

On Mobile device view:
Please add this code:
```
.close-mobile-nav.close-block {
    color: white;
}
```
In Desktop view –
You can delete Product Images/Thumbnails Width and Height in Theme Option, then go to Woocommerce > Settings > Products > Display and change Product Image settings. Use hard crop if you want to crop images. Then regenerate thumbnails with the plugin https://wordpress.org/plugins/regenerate-thumbnails/
Read more about image size – https://docs.woocommerce.com/document/fixing-blurry-product-images/

Logo –
Try to add padding-left: 10%; http://prntscr.com/foo2wq

Regards,
Rose Tyler.
#166509 Copied
Patricia

Participant

June 29, 2017 at 19:45

Thank you for the help so far, but there are still issues.

There are still odd messages in the Shop Te Ayoyo Page
http://www.elsavalencia.com/product-category/te-ayoyo/
Server credential below.

I followed all instructions for fixing blurry images and many are still blurry.
See
http://www.elsavalencia.com/shop/harlow-pearl-ring/ or
http://www.elsavalencia.com/shop/panther-emerald-eye-pendant/

Notice the first image of the three is sharp, but when you view the second or third it is blurry until you hover over and you get the Zoom effect.
Speaking of which, the first image in those two examples is small, and the Zoom effect does not work.

Also, how do you remove the “QUICK VIEW” link on products in the main catalog?
http://www.elsavalencia.com/shop/

Please, contact administrator
for this information.

#166737 Copied

Rose Tyler

Support staff

June 30, 2017 at 14:49

Hello,

We have fixed the notices in functions.php of your child theme. Please check.
Did you regenerate thumbnails after changes settings?
To disable “QUICK VIEW” try this option http://prntscr.com/fq0k9n

Regards,
Rose Tyler.

#166798 Copied
Viewing 6 results - 1 through 6 (of 6 total)