Customize placement of button on image banner section dawn theme

Customize placement of button on image banner section dawn theme

JordiP
Excursionist
43 0 8

Hello, I need to customize the placement of the button on this specific image banner section for my store on both desktop and mobile.

 

JordiP_0-1729443430509.png

( ^ This is how I want it to look , it shows me this on desktop view in the editor)

 

JordiP_1-1729443537752.png

( ^  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)

 

JordiP_2-1729443713164.png

(^ As for mobile view, It would be ideal to constantly have the button placed in the marked position)

 

Store: artisimo.es

pass: pongia

Reply 1 (1)

websensepro
Shopify Partner
1272 144 160

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>

websensepro_0-1729521719530.png

 

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!

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

Free Shopify Beginner Tutorial