Background colour changing from desktop to mobile

Hi,

I've created this website for a client which has a video on the homepage. The video's background colour is the same as the page background colour when viewed on desktop, but on mobile it is appearing that they are different. Attached are screenshots of the desktop and mobile views. 

The website is http://www.loopwellbeing.com.au

Thanks!

Hi,

What should it look like?

It should look like the desktop view. See how in that mobile view there is a colour difference from the video to the page below? The background becomes more yellow compared to the video above (which has the same background colour as the page below in desktop)

Try adding to Design > Custom CSS

body {
	background-color: #f2e8e5;
}

Thanks @tuanphan. I've added in that code to the top of my CSS but am still seeing this difference in colour (screenshot above)

On 2/13/2023 at 7:44 AM, c3lln said:

Thanks @tuanphan. I've added in that code to the top of my CSS but am still seeing this difference in colour (screenshot above)

You try access Design > Site Styles > Colors > Site Wide - Section Color/Background and change it

Thanks @tuanphan I have done this but am still seeing the difference, screenshot again below

On 2/11/2023 at 7:19 PM, tuanphan said:

Try adding to Design > Custom CSS

body {
	background-color: #f2e8e5;
}

 

Try this new code

body.homepage {
&, .section-border, .section-background, section {
	background-color: #f2e8e5 !important;
}
}