Public Forums 71,145 posts

[support@aa Friend support@aaJoin date: May 2017Posts: 84Downloads:2Uploads:3 Thanks: 2]

#1032605

How would we make the background of the website responsive?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1032858

Hi
On which block you are facing problem in the responsive image?
There are some blocks that need to background size as of cover so that the background height is more and everything is displayed well on the image.

Regards

[support@aa Friend support@aaJoin date: May 2017Posts: 84Downloads:2Uploads:3 Thanks: 2]

#1032967

The background for the block after the header.
Screenshot:

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1033053

Hi
There are some blocks that need to background size as of cover so that the background height is more and everything is displayed well on the image.
You can change the BG size to 100% from the settings: http://prntscr.com/f6ftq0

Regards

[support@aa Friend support@aaJoin date: May 2017Posts: 84Downloads:2Uploads:3 Thanks: 2]

#1033062

Ok, I see how works, unforunately, when 100% is chosen, the image does not fill the entire space. I would assume that the dimensions of the image is not correct. What would the image dimensions need to fill the entire background? See screenshot…

screenshot

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1033066

Hi
It’s not issue of dimension if you will sure more big image it will resize as per screen size.
this is why i suggestion when u use the responsive image it will resize itself.
You have to use image size as for cover if you want to show it in the full height of the block.
Regards

[Author]

Posts