Hello,
Im pretty new to shopify. I hope i placing this in the right category.
I want to replace my “Shop now” button under my banner text en move it to the left.
I read a few topics who had simillar questions. But maby its outdated cause it didnt work for me.
I am using the DEBUT theme.
With kind regards,
@Cb95
Welcome to the Shopify community!
Thanks for your good question.
Please share your store URL.
So that I will check and let you know the exact solution here.
Is this the right link ?
Thnk you for you fast reply!
.hero__inner .text-center {
text-align: left !important;
margin-top: 86px !important;
}
Add this code in the theme.css file.
@media only screen and (max-width: 768px) {
.hero__inner .text-center {
text-align: left !important;
margin-top: 135px !important;
}
}
I can adjust the hight to get it more down perfectly with the margin top. I just cant get it more to the left
Just add the code what i have given, so i can confind more.
I placed the code with 150px. I removed the " @media only screen and (max-width: 768px) { "
Because it wont work if i leave that sentence.
a.btn.hero__btn {
left: -10% !important;
position: relative !important;
}
Try out this.
I am sorry. That does not aply. It wont take - %.
add ‘px’ and increse the value
That didnt work. But i fount it.
I need to add a line. Just like this :
.hero__inner .text-center {
text-align: left !important;
margin-top: 135px !important;
margin-left: 300px !important; <— I can change it from here. I starts top left. The more px the more it goes to the right. Thnx for the help though!
The only problem is that it goes wrong when shown on a phone? Is there a code for a phone ?