Posted on: May 31, 2018, 11:57:15 AM
You are using custom code to call the image in the main area. You should be using this as per our demo:
<div style="max-height:860px;min-height:500px;background: url('/images/Homepage/Redesign/Background.jpg');"
<video src="images/video.mp4" loop="loop" autoplay="autoplay" muted=""></video>
If you don't have a video, just omit the second video line. Your text is showing overlapped because your image is too small. There needs to be a min-height call so the image can never get too small, which allows enough space for the text.
Again, you turn off the onclick functionality where I said above. There nothing else you can do beyond that. If it's working when it's connected to an external monitor it should be showing onmouseover and when it's disconnected from the monitor it would show onclick, unless you've turned the feature off in the template settings.