Solved

Align button with header Dawn 7.0.1

BIGROMBUSBILL
New Member
8 0 0

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>

 

Accepted Solutions (2)

PageFly-Victor
Shopify Partner
7865 1785 3058

This is an 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>

 

PageFlyVictor_0-1676346459730.png

 

<style>
.banner__buttons {

    position: absolute;

    right: 460px;

}
</style>

 

Hope this answer helps.

Best regards,

Victor | PageFly

View solution in original post

PageFly-Victor
Shopify Partner
7865 1785 3058

This is an 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>

View solution in original post

Replies 5 (5)

GemPages
Shopify Partner
5588 1261 1209

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
BIGROMBUSBILL
New Member
8 0 0

Our Store is happypawco.com Thanks.

PageFly-Victor
Shopify Partner
7865 1785 3058

This is an 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>

 

PageFlyVictor_0-1676346459730.png

 

<style>
.banner__buttons {

    position: absolute;

    right: 460px;

}
</style>

 

Hope this answer helps.

Best regards,

Victor | PageFly

BIGROMBUSBILL
New Member
8 0 0

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

PageFly-Victor
Shopify Partner
7865 1785 3058

This is an 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>