how to balance currency widget and whatsapp widget at the bottom of the screen.

[IbrahimWB]

Hi,

I am trying to fix something that looks kinda ugly and would appreciate some advice to fix it. For the home page I am trying to get both the widgets levelled at the bottom, for the product page I am trying to get both levelled at the bottom as well but also moved above the add to cart button when it appears by scrolling down. I would highly appreciate any help that comes my way.

www.barakatcharger.com

Kind regards,
Ibrahim W.

[devcoders]

Hello @IbrahimWB 

Go to Online Store, then Theme, and select Edit Code.
Search for Layout/theme.liquid
Add the provided code at the end of the file.

<script>
if (!document.querySelector('.sticky-cart-button')) {
const dropdownStyle = document.querySelector('.baDropdownStyle.mobile_bottom_left:not(.hideOnMobile)');
if (dropdownStyle) {
dropdownStyle.style.bottom = '-20px!important';
}
}

document.addEventListener('DOMContentLoaded', function() {
const whatsappWidget = document.querySelector('.whatsapp-widget');
if (whatsappWidget) {
whatsappWidget.style.bottom = '50px';
}
});
</script>