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!
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025