Cart SideBar appears weird in google chrome

Hey everyone!
Hope you are well!

So, I made an ecommerce website for my client and used Boostify Header Footer Builder for Elementor to make the cart appearing pretty. I set the Bag and Cart Sidebar for appearance. If I open it in Mozilla firefox, it all looks nice, but in Google Chrome it shows as if it’s under other elements on the page (hero banner, for example, of whatever is on the page). Also, if there’s a message like “your product was added to cart” it shows over the cart.

Will appreciate if anyone can help me resolve the issue. It didn’t do so right away and started behaving like this recently, on mobile in chrome too.

I cleaned cache in browser, on WordPress, tried deactivating plugins and activating them again to see what could be conflicting, noting helped fix it, I don’t know what to do. And it’s for a client, so I need to figure it out ASAP. Thanks!

I’d add screenshots, but I don’t see the option ?? I can’t provide the link either since the site shows “coming soon” now, so hope something can be figured out. If there’s an option to add screenshots, I’ll do so, just let me know where. Thank you!