How can I reposition the checkout button for better mobile accessibility?

Technical Q&A
1

Hi

I am struggling with that my checkout button is located to low which is a problem on an iPhone because it will trigger the safari menu, and therefor is is not easy to hit the check out button. Is there any easy way to move the up the button? I suggest something like this:

Mohammadhih_1-1611087883035.png
Mohammadhih_1-1611087883035.png609×551 31.6 KB

Thanks in advance.

2

Hello @Mohammadhih !

Would you mind sharing your store’s URL so we can provide you with a solution? Thanks!

3

Hello @JHKCreate

Thanks for your reply. Yes ofc. The website is: www.sevensajada.dk

Thanks in advance.

4

The screenshot you shared is that of the Desktop version no?

5

It is a screenshot from a desktop but in a mobile preview mode.

6

Hi @Mohammadhih ,

Add the following code to your theme.scsss:

@media screen and (max-width: 590px)
{
.ajaxcart__footer.ajaxcart__footer--fixed {
    height: 50%;
}
}

That should do it, let me know!

7

@JHKCreate Thank you so much! it is working like magic now :slightly_smiling_face:

8

Fantastic! Don’t forget to Mark As Solution & Like to make the answer more visible to the community! Cheers!

9

Argh sorry… now I just found out that the position is not stable. When I add item to cart it is working fine, however when I open the cart(without adding) it is going back to a lower position

Never mind, it is working just fine :grinning_face_with_smiling_eyes:

:slightly_smiling_face: