I have a background on this page, but when I resize the screen the image disappear, because it is white in the middle.
Is there a way to change the background image on mobile (uploading a narrower version of the same image) so I can see it regardless of the screen size?
I don't want to remove the background. I want the background on all devices.
But the background is all white on mobile because the colorful pictures go out of canvas, and this particular background is white in the middle. I would like to keep this background on desktop, and having a better suiting background on mobile.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 999px) and (min-width: 1px) {
.first-section .row-bg.using-image {
background-position-x: 0% !important;
}
}
I have a background on this page, but when I resize the screen the image disappear, because it is white in the middle.
Is there a way to change the background image on mobile (uploading a narrower version of the same image) so I can see it regardless of the screen size?
Hope I explained myself.
Thanks
Hey Again,
You can use this option in the Row Settings:
Thanks
ThemeNectar Support Team
Sorry, maybe I didn't explain myself well enough.
I don't want to remove the background. I want the background on all devices.
But the background is all white on mobile because the colorful pictures go out of canvas, and this particular background is white in the middle. I would like to keep this background on desktop, and having a better suiting background on mobile.
I hope this explain better.
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 999px) and (min-width: 1px) { .first-section .row-bg.using-image { background-position-x: 0% !important; } }Thanks
ThemeNectar Support Team