Hi @Degain 
I’m Ellie from BOGOS, #1 Shopify Promotion App (Gifts, Bundles, Upsells, Discounts)
Could you share your store URL (with password if needed)? I’ll have a check for you!
and the password is “no”
also its fine on desktop but the problem is on mobile “which is what the screenshot is taken”
Hi @Degain
You have not added the link to the button; that is why the button is grayed out.
ohh thx man
Hi @Degain
I’m Ellie from BOGOS, #1 Shopify Promotion App (Gifts, Bundles, Upsells, Discounts)
To change to position, Please follow my steps below:
Step 1. Go to Online Store
Step 2. Find “…” (next to “customize” button" → click “Edit Code”
Step 3. Go to any CSS file
Step 4. Paste this code anywhere you want in that CSS file:
@media screen and (max-width: 749px) {
.banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box {
margin-top: 25% !important;
}
}
You can also change the position by yourself by adjusting the “25%” in my code.
Plus, add a link to your button, so it wouldn’t be gray
If my code worked, appreciate if you could Like and Accept as Solution!
Hello @Degain
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:
@media screen and (max-width: 749px){
.banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box {
background: transparent;
top: 15%;
}
}
this is good! but the heading is not in line with the button and like floating is there a way to put it a little more down and in line with button?
This is great! but also the heading text is still floating. is there a way to bring it a little more down and in line with the button?
Hello @Degain
Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.
There’s one more thing my heading text is still like floating if there’s a way to bring it down a little and make it in line with the “Shop Now” button please let me know thanks
Hi @Degain Many thanks for clarifying that
PLease use my code above → add this code under it:
@media only screen and (max-width: 768px) {
h1.banner__heading {
scale: .9 !important;
}
div.banner__buttons{
margin-top: unset !important;
}
}
*Result:
If both of my code lines worked, appreciate if you could Like and Accept both of them as Solution!
IT WORKED THANK YOU
This CSS code blow in your base.css file caused the issue
@media only screen and (max-width: 768px) {
.banner__buttons {
scale: 0.8 !important;
}
}
@media only screen and (max-width: 768px) {
.banner__heading {
scale: 0.8 !important;
}
}
Could you mark my answer as a SOLUTION. It would really make my day 