Footer not staying at bottom of page.

[Fredl]

Hello, I added a footer to my 2 page site, in preview it looks ok, but the published page is different, on a pc it is at the bottom of the page as it's supposed to be, but in a smaller viewport, such as a phone, the footer is randomly placed over the content near the middle of the page. I thought this was because it was not in my layout grid, but when I try to place it in the grid it does not stay in the grid, and drops below. How can I set the max width and assure that the footer is at the bottom in all views? The site is live: peytonscarts.com
Thanks for any tips you can provide

[Pablo]

Maybe you have mixed floating and fixed layout elements?

To be able to help you, I need a DEMO project (.wbs file) so I can see all your settings.

I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.

Note that I cannot see what you have done based on the published page (HTML), because the software has thousands of options and millions of possible combinations.
So, there is no way to know which options you have used by looking at the HTML only.

For further details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134

[Fredl]

Thanks Pablo, I worked around the issue by removing the footer and just using a layout grid at the bottom of the page with the same content as the footer I was going to use. To understand how it is supposed to work, if I am using regular layout grid without changing any default settings how would I pin the footer to the bottom of page in all viewports?

[Pablo]

A layout grid is floating so it cannot be pinned to the bottom of the page.
But when you set it to 'footer' then it will always be the last floating item.