Shopify themes, liquid, logos, and UX
Hi team,
How can I move the button here?
Store: Glowcare.se
PS: Glowcare1991
Also, I am having a problem locating the button of the image banner at the bottom part of the image in a mobile view :(( I really need some assistance as customer support from Shopify can't do it.
Hi @GeeKyuu24
Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above </body> tag
@media screen and (max-width: 425px){
#Banner-template--19769109610821__b071baef-cb61-4803-985d-59e0cc8b7422 .button--primary{
font-size:14px !important;
padding:5px 8px;
}
.banner__buttons{
margin-top:15rem !important;
}
}
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solutions.
This what I got
And the button here was affected too
Hey @GeeKyuu24
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (min-width: 768px) {
.banner__box.content-container.content-container--full-width-mobile.color-scheme-6aac9d87-4d14-46ff-a4af-1a4d3f47989f.gradient {
width: 52% !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thanks, Moeed but the mobile view was affected
I want the button here to look like this
Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above </body> tag
.banner__buttons .button{
height: auto !important;
width:50% !important;
position: relative;
left:-45%;
}
.banner__buttons{
width: 100%;
}
If I managed to help you then, don't forget to Like it and Mark it as Solutions.
Thanks, Should I post another request for the image banner button on mobile view which I sent above?
I added the code from both file and none of them worked 😞
@GeeKyuu24 share screenshot where you paste?
Here and I tried both:
You removed all !important in below marked line.
no luck.
@GeeKyuu24 can you invite me as a collaborator?
Don't have enough money to pay for the service.
@GeeKyuu24 Paste this code in theme.liquid file above </body> tag
{% style %}
.banner__buttons .button{
height: auto !important;
width:50% !important;
position: relative;
left:-45%;
}
.banner__buttons{
width: 100%;
}
{% endstyle %}
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024