Background Images not working properly

Support
#1

Hello, I have inserted the same background image in different sections of my page. For some sections it changes size based on mobile vs desktop view but on others it stays the same size and looks stretched out. Its the same image and I am using same settings. I need some help to figure out why are the two sections on the same page acting differently. I have shared the link in private chat.

#2

Hello @akalra83,

Thanks for writing to us.

The background image size differs due to the size of the section where the background image is implemented. I have investigated the attributes and found that you made the background-size value cover, which expanded the image based on the content, set that as contain. If you set the size to contain you need to make the background-repeat as repeat and background-position.

Please have a look at the given screenshot below.

test-new-content-pro_-_2021-06-09t220847.242

Thanks

#3

Thanks a lot @prakash_s . That fixed the issue.

#4

Hello @akalra83,

Glad that we were able to help you. Please feel free to reach us if you have any queries regarding our theme and theme settings.

Thanks

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.