Footer on Bottom

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

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

Open Support Ticket

Tagged: 

  • Author
    Posts
  • September 12, 2017 at 12:37 am #395238

    Chris
    Expired Member
    Post count: 21

    Hi Guys!

    I have racked my brain on this one for a bit and need your assistance please. On our home page, we have minimized the featured area height via CSS. Now our problem is our footer is not at the bottom of the page when viewing from pc monitors. I can add CSS to “fix” the footer to the bottom which looks great on pc monitor but does not work on mobile (footer takes up the entire mobile page). Can you help us with providing a way to put the footer at the bottom of the page?

    I will add site info and temp admin credentials below.

    As always, thanks for the help!

    September 12, 2017 at 12:38 am #395239

    Chris
    Expired Member
    Post count: 21
    This reply has been marked as private.
    September 12, 2017 at 12:49 am #395241

    Guust
    Moderator
    Post count: 29970

    Added this CSS at GD > Design > Scripts

    

    .home #footer { 
position: fixed;
bottom: 0;
width: 100%;
}
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		September 12, 2017 at 12:58 am

		
		#395243

		
		
		
	
    


    


    

	
    

		
		
    Chris
    Expired Member
    
		
		
     Post count: 21
    
	
    

	
    

		
		
    Thanks Guust for the quick response!
    

    I tried that as well, it looks great on a pc, but on a mobile device (i.e. iPhone 6, safari or chrome browser) the footer takes up the whole page.  Can you take a look at the site from a mobile device and confirm?
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		September 12, 2017 at 1:17 am

		
		#395246

		
		
		
	
    


    


    

	
    

		
		
    Guust
    Moderator
    
		
		
     Post count: 29970
    
	
    

	
    

		
		
    Try playing with 
    

    

    @media (min-width: 992px) {
.home #footer { 
position: fixed;
bottom: 0;
width: 100%;
}
}
    

    Change the width until you are happy.
    

		
	
    


    

			
				

    

	
    

		September 12, 2017 at 2:05 am

		
		#395254

		
		
		
	
    


    


    

	
    

		
		
    Chris
    Expired Member
    
		
		
     Post count: 21
    
	
    

	
    

		
		
    Thanks again Guust, please mark as resolved.
    

		
	
    


    

			
				

    

	
    

		September 12, 2017 at 2:13 am

		
		#395256

		
		
		
	
    


    


    

	
    

		
		
    Guust
    Moderator
    
		
		
     Post count: 29970
    
	
    

	
    

		
		
    You’re welcome 🙂
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket