/* Select your header element, e.g., <header> */
header {
  position: fixed;      /* Fix it relative to the viewport */
  bottom: 0;            /* Stick to the bottom */
  left: 0;              /* Align to left */
  width: 100%;          /* Span full width */
  background-color: #fff; /* Optional: background color */
  box-shadow: 0 -2px 10px rgba(0,0,0,0.1); /* Optional: shadow for separation */
  z-index: 1000;        /* Ensure it's above other content */
  padding: 15px 20px;   /* Optional: padding */
}

/* Optional: add some spacing at the bottom of page content so it doesn't hide behind header */
body {
  padding-bottom: 70px; /* Same height as your header */
}