Public Forums 71,145 posts

[shemeam Friend shemeamJoin date: February 2015Posts: 259Downloads:55Uploads:67 Thanks: 106 Thanked: 16 times in 4 posts]

#1086651

Hi there

I want to show an image to cover the top of each page.
I have tried using ‘hero 1.1’ and I have tried using ‘content slideshow 1’

I have set the image to ‘cover’
I want the whole image to show, but it cuts the image off to fit the height of the container, unless I add more (see attachment screenshot ‘how it looks – image cut off’)
I have also attached the original image so you can see how it should look (see attachment ‘original image’)

Once I have the image correct I want it to be responsive so the full image shows on the device (mobile) but at the moment it cuts off the side of the image (see attached mobile screenshot ‘how it looks in mobile’)

Please can you tell me how to achieve it so the full image shows on both PC and mobile.
And can the buttons / text etc be responsive too so they are not massive on a mobile?

I refer back to this website which works exactly as I want on both PC and mobile https://www.fledglings.org.uk

Thanks for your help
Alison

---

Attachments:

1. 
2. 
3. 

Shemeam

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1086745

Hi Alison,

Did you try to edit the image so that its height is equal to the height/width of that block?

[shemeam Friend shemeamJoin date: February 2015Posts: 259Downloads:55Uploads:67 Thanks: 106 Thanked: 16 times in 4 posts]

#1086762

I am not sure what you mean, what is the height and width of the block?
So i guess the answer is no!

please can you give me the best image dimensions to use

Shemeam

[shemeam Friend shemeamJoin date: February 2015Posts: 259Downloads:55Uploads:67 Thanks: 106 Thanked: 16 times in 4 posts]

#1086841

I have used ‘call to action 5.4’ and it seems to work better

Shemeam

1 user says Thank You to shemeam for this useful post

1. Saguaros

[Author]

Posts