How can I relocate a button in the Studio Theme?

[GeeKyuu24]

Hi team,

How can I move the button here? 

Store: Glowcare.se
PS: Glowcare1991 

[GeeKyuu24]

Also, I am having a problem locating the button of the image banner at the bottom part of the image in a mobile view :(( I really need some assistance as customer support from Shopify can't do it. 

[topnewyork]

Hi @GeeKyuu24 

Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above </body> tag

@media screen and (max-width: 425px){

    #Banner-template--19769109610821__b071baef-cb61-4803-985d-59e0cc8b7422 .button--primary{
        font-size:14px !important;
        padding:5px 8px;
    }

    .banner__buttons{
        margin-top:15rem !important;
    }

}

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

[GeeKyuu24]

This what I got 

And the button here was affected too 

[Moeed]

Hey @GeeKyuu24 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
.banner__box.content-container.content-container--full-width-mobile.color-scheme-6aac9d87-4d14-46ff-a4af-1a4d3f47989f.gradient {
    width: 52% !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[GeeKyuu24]

Thanks, Moeed but the mobile view was affected

I want the button here to look like this 

[topnewyork]

@GeeKyuu24 

Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above </body> tag

.banner__buttons .button{
    height: auto !important;
    width:50% !important;
    position: relative;
    left:-45%;
}

.banner__buttons{
    width: 100%;
}

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

[GeeKyuu24]

Thanks, Should I post another request for the image banner button on mobile view which I sent above?

[GeeKyuu24]

I added the code from both file and none of them worked 😞 

[topnewyork]

@GeeKyuu24 share screenshot where you paste?

[GeeKyuu24]

Here and I tried both: 

[topnewyork]

@GeeKyuu24 

You removed all !important in below marked line. 

[GeeKyuu24]

no luck. 

[topnewyork]

@GeeKyuu24  can you invite me as a collaborator?

[GeeKyuu24]

Don't have enough money to pay for the service.

[topnewyork]

@GeeKyuu24 Paste this code in theme.liquid file above </body> tag

{% style %}
.banner__buttons .button{
    height: auto !important;
    width:50% !important;
    position: relative;
    left:-45%;
}

.banner__buttons{
    width: 100%;
}

{% endstyle %}