'How to make Cookie Popup anchor to bottom of screen on mobile devices?

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

javascripthtmlcsscookies


Solution 1:[1]

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

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

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 gustavozapata

Related Questions