change floating button location

change floating button location

Daniel19901
Shopify Partner
175 0 29

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
8558 1688 1695

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 and Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

BSS-TekLabs
Shopify Partner
635 177 207

@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 .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency