• 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)

    It works perfectly on all other pages with the exception of the site’s index as stated above.

    Thread Starter wade217

    (@wade217)

    #wp-custom-header > img:nth-child(2){
    	z-index:0 !important;
    }
    #masthead{
    	z-index:-1 !important;
    }

    Resolved this issue.

    Thread Starter wade217

    (@wade217)

    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 5 years, 12 months ago by wade217.
    • This reply was modified 5 years, 12 months ago by wade217.
    Plugin Author pushlabs

    (@pushlabs)

    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)

    Additionally, you’ll want to add this:

    
    .site-content-contain {
      z-index: 1;
    }
    

    Blake

    Thread Starter wade217

    (@wade217)

    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)

    Hi wade217,

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

    View post on imgur.com

    Blake

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘possible z-index issue’ is closed to new replies.