real fullscreen image (not tiled) in div like in index-fullscreen-image.html

Question

Hi support team,
I found this topic in several comments on the template website in Themeforest but never found a fix to have this background image in real fullscreen mode even on high resolution monitors. Background image in http://themes.semicolonweb.com/html/canvas/index-fullscreen-image.html always appears tiled. All of your proposals to fix this issue show only an image without a div, or the included div content ("Welcome to Canvas...") with the animation are placed e.g. at the top of the div with the background image and/or the navbar is not longer transparent...
So please give me a hint for exact the same content behaviour like in http://themes.semicolonweb.com/html/canvas/index-fullscreen-image.html without background image tiling.
Thank you for your answer!
aixtreme

SemiColonWeb · Accepted Answer

Hello, Using the background size: cover; CSS Property is the only way to go forward with this. However, this is not really compatible with Parallax DIV in the Content Areas. However, if you are planning to use it without the Parallax, then the solution above will absolutely work fine. Hope this Helps! Let us know if we can help you with anything else or if you find any further issues.