Tagged: background image, content section, enfold
We want to have an image of a wave in the background, but when I set it as a background image in a content section, the maximum width I can choose is 1920 px.
On my MacBook Pro screen, the image appears correctly, but on my colleague’s computer screen, the image is too small.
How can I ensure that the image displays correctly on any screen size? What image size should I use, or do you have a CSS code?
Hey leoniedijkhof123,
If you are using a Color Section element, then you can set the image to stretch or contain in the element option. Look for the Background Repeat option.
Best regards,
Rikard
It’s working now, thank you!
I have another question.
At the top of the homepage we have a photo slider with text and buttons, the multimedia element is called ‘Slideshow full-width’.
I can adjust the text per screen size, so that worked.
But on the mobile version the buttons are very large. How can I make this smaller on a mobile screen, but keep it large on a larger screen?