Dropdown menu disappears before being selected

This topic contains 7 replies, has 3 voices, and was last updated by  nasc 10 years, 7 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • August 1, 2014 at 2:43 am #10595

    nasc
    Expired Member
    Post count: 235

    Hi,

    We have the AVADA theme, just updated to 3.53, we had a problem with our main menu that would not allow a user to select some of the drop down items of the menu “benefits”(lower half). We have a slider directly below the main menu that the AVADA team thought might be the cause but they later tagged it as some type of problem with the ‘z-axis’

    AVADA support inserted the following code in our CSS:

    #nav ul li { z-index: 4000; }

    This fixed the problem with our main menu drop downs, now we have a problem
    with our top menu dropdown items disappearing.

    I thought the GD team might have a fix. Or, is this something AVADA should fix?

    Thanks

    August 1, 2014 at 2:45 am #10596

    nasc
    Expired Member
    Post count: 235
    This reply has been marked as private.
    August 1, 2014 at 8:35 am #10616

    Guust
    Moderator
    Post count: 29970

    Added
    . tp-thumbcontainer { z-index: 3000; }
    to your custom CSS.

    Did that fix what you wanted?

    August 1, 2014 at 2:31 pm #10655

    nasc
    Expired Member
    Post count: 235

    No, that didn’t fix it.

    The top menu item ” Find an NASC Professional” , still unable to select one of
    the drop down items.

    This top menu will start working again if I take out the Z-4000 line that AVADA support added to fix the Main menu issue. Then of course the ‘benefits’ menu item
    will not let me go to the last few items on the drop down menu.

    August 1, 2014 at 5:16 pm #10672

    Paolo
    Site Admin
    Post count: 31211

    Hi,

    the solution is so simple, that I have a hard time believing the guys at avada even looked at it before shoting their solution.

    Given that .tp-bullets.tp-thumbs has z-index: 1000

    #nav should have z-index:1001 and #snav should ahve z-index:1002.

    BTW, all this are avada elements and yes this support request should have been directed to them.

    Thx

    August 1, 2014 at 9:13 pm #10702

    nasc
    Expired Member
    Post count: 235

    I took a guess and tried this:

    #nav ul li { z-index: 1001; }
    #snav ul li { z-index: 1002; }

    It works, but did I do it correctly?

    Thanks so much, Avada would rather argue whose to blame than help with the problem.

    August 1, 2014 at 9:31 pm #10704

    Paolo
    Site Admin
    Post count: 31211

    now you have :

    

    #nav ul li, #snav ul li { z-index: 4000; }

    

    Delete it and add :
    

    

    #nav ul li { z-index: 1001; }
#snav ul li { z-index: 1002; }
    

    Thx
    

		
	
    


    

			
				

    

	
    

		August 1, 2014 at 9:40 pm

		
		#10708

		
		
		
	
    


    


    

	
    

		
		
    nasc
    Expired Member
    
		
		
     Post count: 235
    
	
    

	
    

		
		
    Thanks for confirming!
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 8 posts - 1 through 8 (of 8 total)
	


	


		
	





		
				

			

				

					
We have moved to a support ticketing system and our forums are now closed.

					Open Support Ticket
				

			

		

		
	
	


			

			


		
	


		

	

	


















	
	
			
			
			
			
                        
            
            
                
                

                    

                        20% Discount Offer
                        
                        
                    

                    

                        Hurry! Get your 20% discount before it expires.
                        Get 20% Discount