make nav bar sticky

This topic contains 7 replies, has 2 voices, and was last updated by  Kor 6 years, 8 months ago.

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

Open Support Ticket
  • Author
    Posts
  • July 14, 2018 at 5:24 pm #438446

    joel phillips
    Expired Member
    Post count: 82

    I cannot find a setting in the platform to make the nav bar sticky in the Supreme Directory template. How can I do this?

    July 14, 2018 at 6:05 pm #438455

    Kor
    Moderator
    Post count: 16516

    Hi Joel,

    Thanks for your post. To make the navigation menu sticky. Insert the custom CSS below into GD > Design > Scripts > Custom Style CSS. 

    

    header#site-header {
    position: fixed; top: 0; width: 100%;
    
}
    

		
	
    


    

			
				

    

	
    

		July 15, 2018 at 3:49 pm

		
		#438538

		
		
		
	
    


    


    

	
    

		
		
    joel phillips
    Expired Member
    
		
		
     Post count: 82
    
	
    

	
    

		
		
    This solution works great except when the user is taken to BuddyPress pages. The nav menu falls below the BP content. Any suggestions?
    

    https://whotakescoin.com/members/ – just scroll down and you will see what I mean. Also, the admin bar is currently hidden but the same thing happens when it is unhidden. Nav bar does not adjust for other elements on the screen.
    

		
	
    


    

			
				

    

	
    

		July 16, 2018 at 2:02 am

		
		#438560

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Joel, 
    

    We can fix this by using the custom CSS code below. Let us know how it goes. 
    

    

    header#site-header {
    z-index:9999!important;
   
}

.buddypress  .sd-container {
    margin-top:30px!important;
}
    

		
	
    


    

			
				

    

	
    

		July 16, 2018 at 4:57 pm

		
		#438679

		
		
		
	
    


    


    

	
    

		
		
    joel phillips
    Expired Member
    
		
		
     Post count: 82
    
	
    

	
    

		
		
    when I try to fix the header it just jacks everything else up. I give up on making the nav menu sticky. 
    

    If you look at https://whotakescoin.com in the Featured Listing area, why are some listings showing text below the image and some are not? How can I get rid of the text below the image and make all the images appear the same as the Hodlgang image?
    

		
	
    


    

			
				

    

	
    

		July 16, 2018 at 5:10 pm

		
		#438680

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Joel, 
    

    Ok, try using the custom CSS code below and see if it fixes the issue you had there. 
    

    

    .geodir-slider-title {
    display:none!important;
}

.geodir-listing-slider-widget img {
    min-height: 200px!important;
    object-fit: cover!important;
}
    

		
	
    


    

			
				

    

	
    

		July 16, 2018 at 5:18 pm

		
		#438684

		
		
		
	
    


    


    

	
    

		
		
    joel phillips
    Expired Member
    
		
		
     Post count: 82
    
	
    

	
    

		
		
    That didn’t work too well 😉 I will mess with it. (see pic below)
    

    Is there any way to edit the items in the My Account nav item? That might be a better way for me to integrate bp items rather than creating another nav link. 
    

    Thanks,
    
Joel
    

		
	
    


    

			
				

    

	
    

		July 17, 2018 at 1:33 am

		
		#438731

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Joel, 
    

    Thanks for your reply and I’m glad that you sorted it out yourself. As I’ve mentioned above, customizing the menu items would require customization. 
    

    Thanks!
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    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