Adjust spacing between 'add to cart' button and up-sell product options on Mobile view only

Hi There

I have an issue with spacing between 'add to cart' button and the up-sell options on my product pages.  This is only happening on mobile view where the button is sitting on top of the up-sell options.  It is happening on every product page on mobile view where I have added some up-sell options.  Id really appreciate some help to adjust the spacing so that the 'add to cart' button sits above and not over the up-sell options.  Please see attached screen shot.

Thanks in advance

Sam

Can you share link to this product? We can check easier

On 4/19/2024 at 11:12 AM, tuanphan said:

Can you share link to this product? We can check easier

Hi Tuanphan

Thanks for your reply.  This is the link to one of the products

https://samanthawade.co.uk/medik8/p/crystal-retinal-ceramide-eye

Desktop spacing is fine, its just mobile version that causing the issue.

Thanks

4 minutes ago, tuanphan said:

You can use this code to Website > Website Tools > Custom CSS to fix problem

@media screen and (max-width:767px) {
section.pdp-product-add-ons {
    margin-top: 50px !important;
}
}

 

Hey Tuanphan

That worked perfectly! Thanks so much for your help as always.

Sam