Shopify themes, liquid, logos, and UX
Hello, I need to customize the placement of the button on this specific image banner section for my store on both desktop and mobile.
( ^ This is how I want it to look , it shows me this on desktop view in the editor)
( ^ This is how it actually looks, depends on screen size I guess, but I want it to be constantly in the position as shown in the previous image)
(^ As for mobile view, It would be ideal to constantly have the button placed in the marked position)
Store: artisimo.es
pass: pongia
Hi @JordiP
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>
<style>
@media (max-width: 768px) {
.banner__box.content-container.content-container--full-width-mobile.color-scheme-3.gradient {
margin-top: 100% !important;
margin-left: 43% !important;
}
}
</style>
If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!
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