Jump to content

- - - - -

Main nav bar dropdowns fall behind video

navigation bar video css

This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 cboq



  • Members
  • 20 posts

Posted 22 January 2013 - 11:44 AM

A few months ago we launched cboqyouth.ca  And I've just noticed (in Browserstack) that in IE8 and IE9, the main dropdown menus fall behind the feature slider of videos - and become obscured.  Alas, for IE.    


It seems to be a similar issue to the forum post

Please Login or Register to see this Hidden Content


In this case, I also tried to use a z-index: 1; but couldn't find the right selector for this.  Any ideas?



#2 Danny


    Is Awesome!

  • Moderators
  • 19817 posts

Posted 22 January 2013 - 11:52 AM



I have just added a YouTube video to the Features section and then view the site in BrowserLab/BrowserStack and the menu is appearing above the Video. Therefore, I recommend you remove all custom CSS you have added and see if this resolves your issue.

#3 cboq



  • Members
  • 20 posts

Posted 22 January 2013 - 04:15 PM



Thanks for checking this out.  I removed all the custom CSS from my Pagelines Customize plugin, and removed the (small amount of) custom PHP in Pagelines Customize and deactivated the CSS Lite Pagelines plugin - all to no avail.  Hmmmm.


I've tried a few other things (e.g., changing the layout from static to responsive), but nothing seems to be correcting it. 


Does anything else come to mind?  


Or is there a simple way to shut down dropdown menus on IE8 and IE9 through the Browser Specific CSS plugin?




#4 Jenny†



  • DMS Subscriber†
  • 2924 posts

Posted 22 January 2013 - 06:24 PM

Hi Jacob. You might be able to use the browser specific plugin and write custom css to tell the submenu to display:none on hover. Hope that helps. :)