custom CSS/HTML disables theme menu

  • So I figured out how to add a fullscreen background video
    https://finepointuniversity.com/set-background-video-using-html5-css/
    works pretty slick, I just add the code to the Home page, you can see this on my site subzerolinux.com

    This is the type of code i use on a Home page to get a background video:

    <style>
video#bgvid {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto;
z-index: -20;
opacity: 0.3;
background: url(darkness.png) no-repeat;
background-size: cover;
 }

video { display: block;  }
</style>

<!--[if lt IE 9]>
<script>
document.createElement('video');
</script>
<![endif]-->

<body>
<video autoplay loop id="bgvid">
<source src="https://borealpictures.com/wp-content/uploads/2016/08/pixabay-CCL-Darkness-2106.mp4" type="video/mp4">
</video>

    But on my borealpictures.com site where I am using the premium Photocrati theme, if I add the background video code to the Home page, yes I get the video but then the menus though visible are not clickable.

    Ugh, any ideas on how to get this working, any ideas as to why the Photocratic theme menus are funked (disfunctional) just by my adding in the extra css and html code for the video?

Viewing 1 replies (of 1 total)

  • I can’t see a video on your homepage right now, but seeing as though it’s a premium theme, you should really be requesting assistance from the people you purchased the theme from, as per the Forum Welcome.

    Try looking into z-index to control which elements are placed on top of each other, your video will have a higher z-index than your menu dropdowns.

Viewing 1 replies (of 1 total)
  • The topic ‘custom CSS/HTML disables theme menu’ is closed to new replies.