Upcoming Events background image not shrinking on mobile

This topic has 3 replies, 2 voices, and was last updated 5 years, 10 months ago by tikaram.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
February 2, 2019 at 10:19 am #164994

LennyPeyMusic
Participant

On dev.LennyPey.com, on the Upcoming Events section, I am using the demo photo provided by the Catch Themes Pro team for the background image.

On a computer screen, the background image looks great and is full size. (Showing the hands up in the air in black and grey.) On mobile devices, all you see is a black background.

Can you help me duplicate what is seen on a computer screen? I believe the image needs to be shrunk down, but since it is totally black, I’m not sure I’m even seeing that demo photo. Many thanks for a super great Theme!

Julie

February 3, 2019 at 12:08 pm #165041

tikaram
Participant

@lennypeymusic : I tried to view your site, but your site is not accessible. Please let me know when your site is accessible. Will definitely check the issue and let you know.

Regards,
Tikaram

February 3, 2019 at 2:06 pm #165061

LennyPeyMusic
Participant

Please try this link: https://dev.lennypey.com/

February 4, 2019 at 2:59 am #165094
tikaram
Participant
@lennypeymusic : The background image can be shrunk down but if you want to view the full image as the background, it cannot accommodate the four event items because the four columns will come down to a single column. you can use the following additional css to check how the events section looks when the background image shrinks

Go to Appearance => Customize => Additional css and add the following css
```
#events-section {
    background-size: contain;
}
```
Let me know if you have any more issues .

Regards,
Tikaram
Author

Posts