How can I move the Custom Subscription Widget from the bottom to the top of the screen?

If you are using the Custom Subscription Widget and want to reposition it from the default bottom position to the top of the screen, simply adding top: 0; might conflict with existing styles and potentially cause issues with button functionality.

To correctly move the widget to the top:

1. Locate the <style> section within your Custom Subscription Widget's code.
2. Add the following CSS rule to target the widget's main container and remove its default bottom positioning:

   #pwSubscribePopup {
     bottom: unset;
   }
   

3. You can now add your own CSS rules to position it at the top, for example:

   #pwSubscribePopup {
     bottom: unset; /* Remove default bottom positioning */
     top: 0; /* Position at the top */
     /* Add any other positioning styles you need */
   }
   

This ensures the default bottom constraint is removed, allowing your top: 0; rule (or other positioning rules) to take effect correctly without interfering with the widget's functionality.