change floating button location

change floating button location

Daniel19901
Shopify Partner
296 2 88

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;
}

 

https://a700ea-98.myshopify.com/

Daniel19901_0-1720626091098.png

 

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
11532 2257 2438

Hi @Daniel19901 

You can try to add this code to check

@media (min-width: 640px) {
    #shopify-block-floating.newsletter-bar {
        margin-inline: 2rem !important;
    }
}

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

BSS-TekLabs
Shopify Partner
2401 695 832

@Daniel19901 can you try this code

#shopify-block-floating {
 top: 400px !important;
}

BSSTekLabs_0-1720626756197.png

 

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now