Align button with header Dawn 7.0.1

[BIGROMBUSBILL]

We would like to align the header with the Explore .button
how can we do that our implementation doesn't change anything...

How can we align the button simply...

Works:
<

style>
#shopify-section-template--17540548264218__image_banner h2
@media screen and (min-width: 750px) {
.hero__inner .page-width.text-center {text-align:right!important;
}
</style>

Doesn't work without changing text to default:

<style> #shopify-section-template--17540548264218__image_banner h2 {margin: 30px; color: white; font-family: sans-serif; font-size: 40px; font-weight: bold; text-shadow: 0 0 32px black; @media screen and (min-width: 750px) {
.hero__inner .page-width.text-center {text-align:right!important;
}} </style>

[PageFly-Victor · Accepted solution]

Hi @BIGROMBUSBILL 

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

<style>
.banner__buttons {

    position: absolute;

    right: 460px;

}
</style>

Hope this answer helps.

Best regards,

Victor | PageFly

[GemPages]

Hello @BIGROMBUSBILL 

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

[BIGROMBUSBILL]

Our Store is happypawco.com Thanks.

[PageFly-Victor · Accepted solution]

Hi @BIGROMBUSBILL 

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

<style>
.banner__buttons {

    position: absolute;

    right: 460px;

}
</style>

Hope this answer helps.

Best regards,

Victor | PageFly

[BIGROMBUSBILL]

Seems to look aight on desktop, on mobile the button is not visible, we would probably want this button visible.

[PageFly-Victor · Accepted solution]

please help me remove the old code and add this new code

<style>
@media screen and (min-width: 1024px){
.banner__buttons {

    position: absolute;

    right: 460px;

}

}

</style>