Crave theme: Image Banner Cropped In Mobile Version

My slideshow was cropped in mobile version. In desktop, it displays well:

But in mobile, it does not work well as it was cropped much:

Anyone can help? Appreciate it so much. Thank you. My store: https://lookpositive.com/

Hey @olivierttt ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

@olivierttt ,

I edited the code above, please update it. Forgot to make it apply for mobile only.

It still don’t work in mobile at all after I edit something in my theme, please check the code I deleted the code now from my theme

Haha what did you edit? Seems like it’s working now

@ThePrimeWeb No I deleted your code and it’s working as I applied another code. Can you please check how to minimize the Shop button in mobile ver? I want the button to locate below the text as same as in desktop ver.

Oh, I see why it doesn’t work. The other code you added it interfering with mine and it’s causing chaos. You should ideally pick either or, please don’t go and add both. Can you remove the other one you added and put mine back, that way I know what I wrote and I can fix it

@ThePrimeWeb I set the theme code to original without any code added, please tell me what code should I added now to satisfy my desire. Thanks!

Hey @olivierttt ,

Use this, instructions are the same


@ThePrimeWeb work perfect, thanks a lot!

I used this code and it fixed my issue, however, on mobile, I have now created a huge blank space underneath the slideshow. It looks awful and I don’t know how to fix it

Hey, Prime Web,

This didn’t work for me. I’m using Crave. Samsung phone. Edge browser. ParaklesisPressBooks.com

I have three problems-

  • cropped image in header
  • no images on product pages
  • hamburger menu won’t open.

Can you give me any help on these issues?

Hi there! I also have a problem with my slider. I am using crave theme and for desktop I need the same image for frst and second image but for mobile I want to use only one image. Is there any way to solve this! thank you