How to change button position for mobile version only?

[nothingchanges]

Hi guys! How to change button position for mobile version only?

https://yiwqh6-vk.myshopify.com/

[shreyhweb]

Can you please explain me by screenshot? Then we will able to help you.

[nothingchanges]

I would like to move down the button abit more for mobile view. Could you help me to change the box "shop now" outline into white too please. Your help very much appreciated.

[shreyhweb]

You can add the below code in theme.liquid above </body>.

<style>
@media screen and (max-width: 749px) {
    .slideshow__text-wrapper {
      align-items: end!important;
    }
    .banner__buttons .button {
     color: #000!important;
     background: #fff!important;
    }
}
</style>

Screenshot:

I hope solution will be useful for you. If it's works then please like the solution and accept it.

Thank you

[nothingchanges]

Thank you! But could you help me do only the letter and outline white. No fill please. Thanks in advance.

[shreyhweb · Accepted solution]

<style>
@media screen and (max-width: 749px) {
    .slideshow__text-wrapper {
      align-items: end!important;
    }
    .banner__buttons .button:after {
     box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgb(255 255 255), 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background))!important;
    }
}
</style>

Please replace the whole given code with above code.

Thank you

[nothingchanges]

You're a genius! Thank you!

[shreyhweb]

Welcome always for help.

Thank you