Home > Software engineering >  How to make Cookie Popup anchor to bottom of screen on mobile devices?
How to make Cookie Popup anchor to bottom of screen on mobile devices?

Time:03-18

I have a cookie popup for an upcoming project, and it works great on desktop: Screenshot Here. But when I tested it on mobile, it looked like this trash. Does anyone know how to anchor the element to the bottom of the screen on mobile devices? Thanks. Website Preview

CodePudding user response:

Just change the width to 100% when the page opens on mobile screen size.

@media (max-width: 600px) {
   #cookiePopup {
     width: 100%
   }
}
  • Related