How to move a button (only on the website mobile version)

Hi,

I need help to move a button on the status order page.

On the mobile version of my website, this confirmation button is hidden behind a message that can't be closed.
I want to move it under the order recap.

I have change the "margin-top" parameter, it's perfect on the desktop version, but it has no effect on the mobile version.
How can I create a different position parameter, only for the mobile version ?

Here is the current code lines for this button ( this is from the Sendcloud integration).

Thanks for your help ! 🙂

Adèle

20 hours ago, t-adele said:

Hi,

I need help to move a button on the status order page.

On the mobile version of my website, this confirmation button is hidden behind a message that can't be closed.
I want to move it under the order recap.

I have change the "margin-top" parameter, it's perfect on the desktop version, but it has no effect on the mobile version.
How can I create a different position parameter, only for the mobile version ?

Here is the current code lines for this button ( this is from the Sendcloud integration).

Thanks for your help ! 🙂

Adèle

To make sure the code runs for mobile only you can use the media query like this:

@media only screen and (max-width: 767px) {
/* style for mobile*/
}