We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How to position hero button on boundless theme

How to position hero button on boundless theme

brigabcor
Tourist
10 0 4

Hi! I have put the hero button on my boundless home page theme to the upper right when viewed on desktop, now I want it to be in the middle when the website is viewed on mobile, is there anyway I can do this? This is the code I used to position it on the upper right for desktop view:

h1.hero__text-title {
text-align: right!important;
}
.hero__content-centered {
text-align: right!important;
}

.hero__content-centered a.btn {
margin-top: -27%;
}

Replies 2 (2)

Kinjaldavra
Shopify Partner
2303 570 1427

hello @brigabcor 


Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Ckobis1
Tourist
7 0 2

Hi!

 

I actually have a similar inquiry.  Currently, when there isn't a slider title but only a button I notice that the button is not centered vertically.

 

Could you help me with the code that makes the button vertically centered when there isn't a title?

See here: https://wavesmade.xyz/

Thanks!