Separate Banner Image Blurry - Dawn Theme

Solved
corpwpn
Tourist
6 0 1

Hello,

 

I've managed to get two separate images for the main banner on desktop and mobile, however, the desktop banner appears slightly blurry. If someone could help me fix this that would be much appreciated!

 

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
5371 974 997

This is an accepted solution.

Hi @corpwpn 

You can go to your Online store > Themes > Edit code, open image-banner.liquid file, find this line of code 

assign widths = '375, 550, 750, 1100, 1500, 1780, 2000, 3000, 3840'

And check to this 

assign widths = '375, 550, 750, 3000, 3000, 3000, 2000, 3000, 3840'

Save your file, reload your page and check again.

 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

View solution in original post

Replies 7 (7)
Dan-From-Ryviu
Shopify Partner
5371 974 997

This is an accepted solution.

Hi @corpwpn 

You can go to your Online store > Themes > Edit code, open image-banner.liquid file, find this line of code 

assign widths = '375, 550, 750, 1100, 1500, 1780, 2000, 3000, 3840'

And check to this 

assign widths = '375, 550, 750, 3000, 3000, 3000, 2000, 3000, 3840'

Save your file, reload your page and check again.

 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

corpwpn
Tourist
6 0 1

Hi Dan,

 

Thanks so much for responding. I've tried the above code but it does not appear to fix the problem. If you have any other suggestions that would be greatly appreciated. Thanks!

Dan-From-Ryviu
Shopify Partner
5371 974 997

Make sure you check your own image in desktop, is it hight quality image?

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

corpwpn
Tourist
6 0 1

Hi Dan,

 

Apologies for wasting your time, I just realized the image was not exported in the quality I intended so your solution did indeed work. Thanks for the help!

Dan-From-Ryviu
Shopify Partner
5371 974 997

You are very welcome, @corpwpn 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

corpwpn
Tourist
6 0 1

Hi Charles, 

 

The problem has been identified and fixed. Thanks anyway for your response!

corpwpn
Tourist
6 0 1

Yes, it is solved. No longer needing help, but thank you for the reply.