40% OFF EVERYTHING
Our 10th BIRTHDAY SALE
Buy Now

Hide Vertical Scrollbar on Location Page and Add Sticky Header

This topic contains 4 replies, has 3 voices, and was last updated by  Caroline Baxter 6 years, 12 months ago.

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

Open Support Ticket
  • Author
    Posts
  • April 27, 2017 at 7:20 am #375683

    Caroline Baxter
    Expired Member
    Post count: 68

    Hello,

    So we are just setting this up with the Supreme theme. We would like to do a couple of things, no idea if they can be done or not:

    1. We would like to add a sticky header to the site.

    2. On the “Listings” page we would like to hide the vertical scrollbar while still being able to scroll.

    Thanks in advance.

    April 27, 2017 at 12:35 pm #375719

    Kor
    Moderator
    Post count: 16516

    Hi Caroline,

    Thanks for your question. Let me try to answer your questions accordingly.

    1. Please refer to this reply https://wpgeodirectory.com/support/topic/sticky-header/#post-235126

    2. This would require some custom CSS hack and you may refer to this article http://stackoverflow.com/questions/16670931/hide-scroll-bar-but-still-being-able-to-scroll

    Thanks!

    April 27, 2017 at 2:40 pm #375770

    Caroline Baxter
    Expired Member
    Post count: 68

    Thanks Kor.

    This does not provide much help as it does not discuss addition of a stick header to the homepage.

    I will try to describe our issue in a little more detail:

    Actually, our logo almost disappears when placed on the featured image we want to us because they both have same colors. What we want to do is to push the featured image a little further down the page so the logo is now placed on a white background which will be okay. Once this is done, we want to make the header sticky.

    Hope it’s clearer now and you can guide us on a solution.

    Many thanks

    April 27, 2017 at 5:36 pm #375792

    Paolo
    Site Admin
    Post count: 31206

    Hi,

    this will make the header white in all pages and also fixed:

    

    .sd-homepage .site-header, .sd.sd-location .site-header, .sd .site-header {
    background-color: #fff;
    position:fixed
}
    

    If you make the header white you’ll also need to change css for the menu items.
    

    See here for more: https://wpgeodirectory.com/docs/customizing-your-style/
    

    Thanks
    

    p.s. this are considered customization and for this beyond support
    

		
	
    


    

			
				

    

	
    

		April 29, 2017 at 4:35 pm

		
		#376132

		
		
		
	
    


    


    

	
    

		
		
    Caroline Baxter
    Expired Member
    
		
		
     Post count: 68
    
	
    

	
    

		
		
    Hi Paolo,
    

    Thanks so much for your help. We were able to make the header sticky using your code. 
    

    As of hiding the horizontal bar on the Locations page, we are yet to do that – we will definitely give you updates regarding that.
    

    Thanks again for your help.
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket