Your account expired support, please renew to get your support.
Renew support on the EnvatoCheck the license on the Envato

Home › Forums › Themes Support › Claue › sub category images blurry

Topic Resolution: Resolved

Tagged: 

Viewing 7 reply threads
Save
  • Author
    Posts
    • January 12, 2022 at 10:04 pm #42705
      brittcolville
      Support Expired

      Hi there,

      All our images site wide are nice and crisp.
      Except the subcategory product images are blurry especially on retina devices.
      I have a two column layout set on desktop which switches to one column on mobile.

      I’ve tried re-size and regenerating the thumbnails but it doesn’t help.
      It seems the thumbnails are not the correct size / big enough.
      Is there a way to update to fix this? Possibly update the shop_catalog default thumbnail size?

      Our website isn’t live yet but you can see how it is displaying on our staging site.

      Thanks!

      Attachments:
      You must be logged in to view attached files.
    • January 12, 2022 at 10:30 pm #42707
      Harry
      Support Expired

      Hi,

      Can you send me login credentials to check?

      Thanks

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • January 13, 2022 at 3:16 pm #42709
      brittcolville
      Support Expired
      This reply has been marked as private.
    • January 13, 2022 at 11:12 pm #42710
      Harry
      Support Expired
      This reply has been marked as private.

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • January 14, 2022 at 9:44 pm #42712
      brittcolville
      Support Expired

      Hi,

      I have changed to three columns in the theme options as recommended and it helps a little but only for desktop devices.
      The issue is more the one column on mobile devices as these images display blurry. Majority of our customers shop on mobile devices and it doesn’t look good.

      Could you provide some code to make this two columns on mobile?

      Also what size I should be ideally uploading them so they aren’t blurry on retina screens.

      Thanks!

    • January 15, 2022 at 12:02 am #42713
      Harry
      Support Expired

      Hi,

      Please use code

      
@media only screen and (max-width: 767px) {
.jas-masonry .jas-col-xs-12.product-category {
	width: 48%;
	max-width: 48%;
	flex-basis: 100%;
	padding-left: 1%;
	padding-right: 1%;
}}

      Kind regards

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • January 20, 2022 at 2:19 pm #42723
      brittcolville
      Support Expired

      Thank you this works great 🙂

    • January 20, 2022 at 5:46 pm #42725
      Harry
      Support Expired

      You’re welcome!

      By the way, your support expired. Please renew your support at https://themeforest.net/downloads

      Thank and regards!

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

  • Author
    Posts
Viewing 7 reply threads
Save

You must be logged in to reply to this topic.