A user seeks help repositioning a floating white popup button on their Shopify store to align with a yellow button and move it lower on both mobile and desktop views.
Proposed Solutions:
#shopify-block-floating element with a media query for screens wider than 640px, adjusting the .shopify-block-floating.newsletter-bar with a 2rem inline margin.top: 400px !important on the #shopify-block-floating selector.Current Status:
The discussion remains open with no confirmation of whether either CSS solution successfully resolved the alignment issue. Both responses provide code snippets but differ in their approach to vertical positioning.
Hi,
was hopping to get a hand with this one 
How can I bring the floating white button of my popup to be aligned with yellow button and also locate it lower (so closer to it)? - for mobile and desktop
tried this but it just created a mess:
#shopify-block-floating {
position: relative;
top: 40px !important;
}
Hi @Daniel19901
You can try to add this code to check
@media (min-width: 640px) {
#shopify-block-floating.newsletter-bar {
margin-inline: 2rem !important;
}
}
