Blurry menu image

  • Resolved brittlinnworld

    (@brittlinnworld)


    3 years, 6 months ago

    Hi there,

    I’ve tried everything and I can’t seem to fix the images from being blurry.
    I used the regenerate plugin as suggested and it doesn’t help the image quality. Tried uploading the images larger (160x160px, 360x360px) and actually size (80x80px) as well as in png and jpeg format. Nothing seems to help, the images still appear in terrible quality.

    Is there a setting or some code you can provide that will help fix this?

    Thanks,
    Brittany

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Rui Guerreiro

    (@takanakui)

    Hi @brittlinnworl,

    It seems the site is displaying a coming soon page since I don’t see any menu image.

    Can disable it to have a look?

    Thread Starter brittlinnworld

    (@brittlinnworld)

    Hi Rui,

    Thanks for your reply ??

    Okay I have disabled now the holding page here: https://www.linnwold.com/products/
    The menu with images is only set to display on mobile devices.

    Cheers,
    Brittany

    Plugin Author Rui Guerreiro

    (@takanakui)

    Hi @brittlinnworld,

    Sorry for the delay. This is probably because of the high definition of the mobile screens.

    Can you set it again to 160px and regenerate the thumbnails?
    Also add the code below in Appearance-> Customize -> Additional CSS

    img.menu-image.menu-image-title-below {
    width: 80px!important;
}
    Plugin Author Rui Guerreiro

    (@takanakui)

    Will close the topic for now. Let me know if necessary.

    Thread Starter brittlinnworld

    (@brittlinnworld)

    Thanks for your reply and help. I tried what you suggested and it didn’t work. Then I realised the images needed to be set in the menu as original size not 80px! Now it works perfectly with your code. Cheers ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Blurry menu image’ is closed to new replies.