Debut theme - display hero image full width on mobile

Solved
Tourist
48 0 1

Hi,

 

I have a hero image with text overlay on the home page of my site which displays full-width on desktop but crops on mobile.  How can I display full width on all devices? (Debut theme)

 

It's not a slider/slideshow (which does display correctly on all devices) but just a single image.

 

Thanks.

0 Likes
Navigator
337 37 37

@Sirrah wrote:

Hi,

 

I have a hero image with text overlay on the home page of my site which displays full-width on desktop but crops on mobile.  How can I display full width on all devices? (Debut theme)

 

It's not a slider/slideshow (which does display correctly on all devices) but just a single image.

 

Thanks.


share website link and password if any, I will let you know.

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
Tourist
48 0 1

Hi. 

 

Thanks for your reply.

 

It's www.ellennyswim.com, but I didn't provide it originally as I thought it wouldn't be any use without the image on the live site? (I don't want it up there until it is displaying correctly).

0 Likes
Navigator
337 37 37

@Sirrah wrote:

Hi. 

 

Thanks for your reply.

 

It's www.ellennyswim.com, but I didn't provide it originally as I thought it wouldn't be any use without the image on the live site? (I don't want it up there until it is displaying correctly).


have you added the image on home page? can you please add? can not check if it is not on homepage

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
Tourist
48 0 1

Hi again,

 

No as I mentioned, the site is live so we can't have the image up there until the code is correct.  That's fine, someone will know the right piece of code to display full width on mobile I'm sure.

0 Likes
Navigator
337 37 37
it works through css and to let you know the css, we need image on page, it
takes 15 min to figure out, just need image on page
you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
Highlighted
Tourist
48 0 1

I do understand that it is css.

 

I've put it live now, but can only leave it up for a few minutes unfortunately. I've put it right at the bottom of the home page.  Displays nicely on desktop, crops on other devices.

0 Likes
Navigator
337 37 37
it will leave space at top and bottom, image will be smaller

[image: image.png]
you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
Tourist
48 0 1

I'm not sure what you mean by that sorry! 

0 Likes
Navigator
337 37 37

@Sirrah wrote:

I'm not sure what you mean by that sorry! 


image did not come in last message

 

image.png

 

 

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes