How can I relocate the 'Shop Now' button on my mobile site?

[cafeconphrases]

I have been trying different suggestions from the forums, but it seems I only make it worse. I would like to move the "Shop Now" button under my hero image for my MOBILE site. It is fine on desktop right now. The mobile version is hovering over my products. See ss below. Any help is much appreciated. My site is cafeconphrases.com

[BSS-Commerce · Accepted solution]

Hi @cafeconphrases ,

Your "Show Now" button is displayed in the wrong place in the mobile view due to the following code:

@media screen and (max-width: 749px)
.button.button--secondary {
    top: 800px!important;
}

To correct the display as you want, follow these steps:

Themes => Edit code => base.css => Find the above code and edit it as follows:

@media screen and (max-width: 749px)
.button.button--secondary {
    top: 28px!important;
}

Then press Save.

The results you will get are as follows:

Hope it's useful to you @cafeconphrases !

[cafeconphrases]

That worked great. Thank you!