40% OFF EVERYTHING
BLACK FRIDAY SALE
Buy Now

main menu drop down spacing

This topic contains 5 replies, has 2 voices, and was last updated by  Vlad Chirila 7 years, 2 months ago.

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

Open Support Ticket

Tagged: ,

  • Author
    Posts
  • September 15, 2017 at 3:25 pm #395958

    Vlad Chirila
    Expired Member
    Post count: 258

    Hi there,

    Can’t figure something out with Supreme Theme:

    I just introduced in the Main Menu some Place Categories & Subcategories. In the desktop version you will see huge spaces on the vertical between the words in the drop down menu -> please see the screenshot attached (I marked it with red arrows).

    How can I put the words on the horizontal (like in the example from the screenshot attached marked with green words) wiht less space between the items in the drop menu?

    Thank you,
    Vlad

    September 15, 2017 at 3:43 pm #395961

    Kor
    Moderator
    Post count: 16516

    Hi Vlad,

    I’ve just checked your Website and I’m able to see the issue there. To fix this, you can try using this custom CSS code below and see if it’s what you are looking for. 

    

    #primary-nav ul .sub-menu .sub-menu {
    left: -350px!important;
}

#primary-nav ul .sub-menu a {
    width: 350px!important;
}
    

		
	
    


    

			
				

    

	
    

		September 15, 2017 at 3:54 pm

		
		#395964

		
		
		
	
    


    


    

	
    

		
		
    Vlad Chirila
    Expired Member
    
		
		
     Post count: 258
    
	
    

	
    

		
		
    Hi Kor,
    

    Thanks for replying!
    
I inserted your css, and now it is all in line 🙂
    

    Still, there is big space between the items of the drop down menu, and when I hover the first drop down, it shows the second drop down in the left (take a look if you want). How can I:
    
1. have smaller space between the lines?
    
2. open the second dropdown to the right?
    

		
	
    


    

			
				

    

	
    

		September 15, 2017 at 4:03 pm

		
		#395966

		
		
		
	
    


    


    

	
    

		
		
    Vlad Chirila
    Expired Member
    
		
		
     Post count: 258
    
	
    

	
    

		
		
    And Q #3: Is it possible to set a transparency level for the background of the drop down menu in desktop mode?
    

		
	
    


    

			
				

    

	
    

		September 15, 2017 at 6:57 pm

		
		#396001

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Vlad, 
    

    Here you go. Try the code below and see if it’s what you’re looking for. 
    

    

    .sd-common #primary-nav ul li a {
    max-height: 30px!important;
    min-height: 50px!important;
    line-height: 50px!important;
}

#primary-nav ul .sub-menu a {
    padding: 0px 0px 30px 20px;
    opacity:0.7!important;
}
    

		
	
    


    

			
				

    

	
    

		September 15, 2017 at 8:29 pm

		
		#396009

		
		
		
	
    


    


    

	
    

		
		
    Vlad Chirila
    Expired Member
    
		
		
     Post count: 258
    
	
    

	
    

		
		
    It works. Thank you Kor!
    

    All the best!
    
Vlad
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 6 posts - 1 through 6 (of 6 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