possible z-index issue

wade217
(@wade217)

4 years, 11 months ago
http://devnull-guild.com/

First, thank you for this great plugin. I will likely be purchasing for mobile support if I am able to correct a seemingly minor issue:

As you can see, I was able to achieve the effect I wanted but the video seems to have altered our logo’s z-index. Scrolling down no longer hides the image. Only the nav bar seems to.

On my functions.php I have added :
```
function theme_prefix_vidbg_every_page() {
  // Add [vidbg] params as needed. Be sure to change the container to your desired container.
  echo do_shortcode('[vidbg container="#masthead" mp4="http://devnull-guild.com/wp-content/uploads/2018/06/Untitled-Project.mp4" webm="#"]');
}
add_action('wp_footer', 'theme_prefix_vidbg_every_page');
```
I’ve tried tinkering with z-index values for:
```
#wp-custom-header > img:nth-child(2){
}
```
Any help would be appreciated.

The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

Thread Starter wade217
(@wade217)

4 years, 11 months ago

It works perfectly on all other pages with the exception of the site’s index as stated above.
Thread Starter wade217
(@wade217)

4 years, 11 months ago
```
#wp-custom-header > img:nth-child(2){
	z-index:0 !important;
}
#masthead{
	z-index:-1 !important;
}
```
Resolved this issue.
Thread Starter wade217
(@wade217)

4 years, 11 months ago
Correction; it did fix the logo but now the navbar is unclickable. After altering the z-index of the nav bar; now, the submenus for said bar are being hidden 🙁

I am unable to find the correct css selector to fix the sub-menus of the navbar.
- This reply was modified 4 years, 11 months ago by wade217.
- This reply was modified 4 years, 11 months ago by wade217.
Plugin Author pushlabs
(@pushlabs)

4 years, 11 months ago
Hi wade217,

Thanks for using Video Background 🙂

I took a look at your site, and it looks like removing this line of code fixes things with the logo and navbar. Could you try removing this code and see if it works?
```
#masthead {
    z-index: 0 !important;
}
```
Blake
Plugin Author pushlabs
(@pushlabs)

4 years, 11 months ago
Additionally, you’ll want to add this:
```
.site-content-contain {
  z-index: 1;
}
```
Blake
Thread Starter wade217
(@wade217)

4 years, 11 months ago
Thanks for your reply and of course, your time.

Unfortunately, the issues with the nav bar’s sub-menu persists. The primary/upper links are clickable but the sub-menus are still being hidden.

ie: the two links under “Guild” and the ones under “Links” as well.

these are the only two z-index changes i have made; according to your recommendations:
```
#wp-custom-header > img:nth-child(2){
	z-index:0 !important;
}
.site-content-contain {
  z-index: 1;
}
```
Plugin Author pushlabs
(@pushlabs)

4 years, 11 months ago

Hi wade217,

It appears that the z-index: 1 for .site-content-contain did not save. As you can see by the screenshot.

https://i.imgur.com/wbWN98S.png

Blake

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘possible z-index issue’ is closed to new replies.

Views