cancel
Showing results for 
Search instead for 
Did you mean: 

How can I make the footer stick to the Bottom of the page?

SOLVED

How can I make the footer stick to the Bottom of the page?

Hi

I've been having this problem with the footer for a couple of weeks now.

the footer on My account page doesnt seem to stick at the bottom of the page.

 

 

any help would be much appreciated. Thanks!Footer IssueFooter Issue

2 ACCEPTED SOLUTIONS

Accepted Solutions

Re: How can I make the footer stick to the Bottom of the page?

Hey @gerald_cruz1,

As I can see in the browser console, that you footer is called in main content area. 

It should be outside of main content area as header. 

Kindly check once theme's xml file where you have defined footer. 

View solution in original post

Re: How can I make the footer stick to the Bottom of the page?

Hi sir @Vimal Kumar ,

Thanks for the help! will look for the xml file. and put the home_footer outside the maincontent.

 

 

View solution in original post

7 REPLIES 7

Re: How can I make the footer stick to the Bottom of the page?

Hi @gerald_cruz1,

Could you share the public url of your website? so I can help you better. 

Re: How can I make the footer stick to the Bottom of the page?

Hi sir Vimal,

 

here's the url:
ls.cumbriaridge.com

 

Thank you!

Re: How can I make the footer stick to the Bottom of the page?

Hey @gerald_cruz1,

As I can see in the browser console, that you footer is called in main content area. 

It should be outside of main content area as header. 

Kindly check once theme's xml file where you have defined footer. 

Re: How can I make the footer stick to the Bottom of the page?

@gerald_cruz1 

For workaround, you can update following css class in your custom.css file. 

.home_footer {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 0;
}

I hope it will work for you!

Re: How can I make the footer stick to the Bottom of the page?

Hi sir @Vimal Kumar ,

Thanks for the help! will look for the xml file. and put the home_footer outside the maincontent.

 

 

Re: How can I make the footer stick to the Bottom of the page?

Thank you so much sir @Vimal Kumar!

Re: How can I make the footer stick to the Bottom of the page?

@gerald_cruz1 Glad to help you!

Workaround should work as well untill you fix the xml issue.