Title: custom CSS/HTML disables theme menu
Last modified: September 1, 2016

---

# custom CSS/HTML disables theme menu

 *  [CoderJoe](https://wordpress.org/support/users/coderjoe/)
 * (@coderjoe)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/custom-csshtml-disables-theme-menu/)
 * So I figured out how to add a fullscreen background video
    [http://finepointuniversity.com/set-background-video-using-html5-css/](http://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="http://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)

 *  [ThemeSumo](https://wordpress.org/support/users/themesumo/)
 * (@themesumo)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/custom-csshtml-disables-theme-menu/#post-8136331)
 * 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](https://codex.wordpress.org/Forum_Welcome#Commercial_Products).
 * Try looking into [z-index](http://www.w3schools.com/cssref/pr_pos_z-index.asp)
   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.

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [disables](https://wordpress.org/support/topic-tag/disables/)
 * [html](https://wordpress.org/support/topic-tag/html/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)
 * [video](https://wordpress.org/support/topic-tag/video/)

 * 1 reply
 * 2 participants
 * Last reply from: [ThemeSumo](https://wordpress.org/support/users/themesumo/)
 * Last activity: [9 years, 8 months ago](https://wordpress.org/support/topic/custom-csshtml-disables-theme-menu/#post-8136331)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
