Can someone help me with this footer issue?

Hi everyone, I’ve been working on the Responsive Web Design certificate program for a few months now, but it’s my first time posting to the forum here :slight_smile: With the Product Landing Page, I’m having trouble with trying to get the footer to stay at the bottom of the page in the mobile layout. It works fine on desktop, but when the screen is minimized to what it would look like in mobile, the footer is above the menu and covers the product name. The page is still very much a work in progress - I’ve only done the header, header image, nav bar, and footer.

Here’s the link to my project:

I think problem is with your navbar,
You have

#nav-bar{
    margin-top: 550px;
}

which is causing your navbar to come below the content(even below your header)