Jump to content


Photo
- - - - -

Classic Menu Dropdowns conflicted with superfade

superfade

Best Answer Simon_P , 12 February 2013 - 01:48 PM

I think i used .section-branding 

Go to the full post


  • Please log in to reply
12 replies to this topic

#1 alisamski

alisamski

    Advocate

  • Members

  • 463 posts
  • Framework Version:DMS 2 | DMS 1 | Frameworks | Child Theme
  • Country: Country Flag

Posted 11 February 2013 - 09:43 PM

Classic nav is conflicting with superfade. dropdowns do not work.

 

Please advise.

 

Please Login or Register to see this Hidden Content

 

 



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 11 February 2013 - 10:07 PM

Hi,

 

Sounds like Superfade is creating a z-index conflict with the menu.  I don't think it's anything more complex that that.

 

Are you able to find the z-index for both using Firebug or Chrome's Inspection Tool?



#3 alisamski

alisamski

    Advocate

  • Members

  • 463 posts
  • Framework Version:DMS 2 | DMS 1 | Frameworks | Child Theme
  • Country: Country Flag

Posted 11 February 2013 - 10:07 PM

yeah just playing around... and I cannot locate the z-index using firebug

 

looking at firefox... did you install a particular plugin to firebug to see z index?



#4 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 11 February 2013 - 10:29 PM

Disabling your css in firebug the menus work as normal 

Please Login or Register to see this Hidden Content



#5 alisamski

alisamski

    Advocate

  • Members

  • 463 posts
  • Framework Version:DMS 2 | DMS 1 | Frameworks | Child Theme
  • Country: Country Flag

Posted 11 February 2013 - 10:59 PM

When I installed the superfade plugin the menu's appeared up as your screen image. Had to add the css to get the nav and content area below it.

Please Login or Register to see this Hidden Content



#6 alisamski

alisamski

    Advocate

  • Members

  • 463 posts
  • Framework Version:DMS 2 | DMS 1 | Frameworks | Child Theme
  • Country: Country Flag

Posted 12 February 2013 - 12:05 AM

So apparently I need to add css in order to get the navigation menu below the superfade .

 

am I missing something here?



#7 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 12 February 2013 - 05:24 AM

Hi,

 

It would appear that the superfade plugin has a z-index conflict as I first thought.  If you look now at the drop down, the top level and first of the child level menu items work fine. As soon as they meet the same level of height as the superfade, the menu shuts and the second and third child items are unclickable.

 

I think the solution is to reposition the superfade to a different location no where near the menu.  Then you won't need CSS and won't have any problem.



#8 alisamski

alisamski

    Advocate

  • Members

  • 463 posts
  • Framework Version:DMS 2 | DMS 1 | Frameworks | Child Theme
  • Country: Country Flag

Posted 12 February 2013 - 01:04 PM

I'm not meaning to be persnickety... as you have a supported plugin that goes with the framework theme.

 

If I want a header image to have multiple sliders... you have a plugin to do that. I may add that it is a much used feature with other themes. And a good feature.

 

Not an option to "just move it elsewhere" as I want a rotating header image.. hence implementing the superfade, and not having to add an animated gif there.

 

Superfade implemented, kicks  BOTH  classic navigation and nav bar z-index behind the content.

 

Can we resolve this?

 

Not being disrespectful Rob, perhaps another staff member has a solution instead of "just not using it."

 

I left both navigations on the page.



#9 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 12 February 2013 - 01:11 PM

I think you added the superfade effect to the entire #header. The nav is in the #header so your having to add css to move it.

 

If you had applied the css fade to the branding section instead you would not need any css. 

Please Login or Register to see this Hidden Content



#10 alisamski

alisamski

    Advocate

  • Members

  • 463 posts
  • Framework Version:DMS 2 | DMS 1 | Frameworks | Child Theme
  • Country: Country Flag

Posted 12 February 2013 - 01:14 PM

Thank you Simon... I will try that and get back. ^_^



#11 alisamski

alisamski

    Advocate

  • Members

  • 463 posts
  • Framework Version:DMS 2 | DMS 1 | Frameworks | Child Theme
  • Country: Country Flag

Posted 12 February 2013 - 01:43 PM

Simon that resolved it. Inside the Superfade settings I swapped out #header to #branding

CSS to set static height and max-width of the slides to keep it responsive without cutting off the bottom of the images.

 

Please Login or Register to see this Hidden Content

:D



#12 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 12 February 2013 - 01:48 PM   Best Answer

I think i used .section-branding 



#13 alisamski

alisamski

    Advocate

  • Members

  • 463 posts
  • Framework Version:DMS 2 | DMS 1 | Frameworks | Child Theme
  • Country: Country Flag

Posted 12 February 2013 - 09:24 PM

switched css to

Please Login or Register to see this Hidden Content

and works too.

 

Thanx







Also tagged with one or more of these keywords: superfade