How can I align the badge with the buy now button on mobile?

[ahmedabdelfatta]

Hello, I would like to ensure that under the buy now button the text and image of the badge always align with the buy now button when the screen shrinks (in the mobile version for example). It can be done? This is my website link of one product: https://www.ghiblimerchandise.it/products/lampada-totoro

[ahmedabdelfatta]

I would like to adjust the width of the text and image to the buy button whenever the screen is zoomed out, thank you kind regards

[BSS-Commerce]

Hi @ahmedabdelfatta

For problem 1, you can try this way:

• Step 1:

• Step 2: Find the file base.css or base.scss.liquid and copy this code to the bottom of the file:

#product-form-template--18450624938301__main > div{
  max-width: 100%;
}

For problem 2, it requires custom code in your theme. Since we can’t access your store, we recommend you hire a Shopify expert to help you do exactly what you want.

We hope that this can help you.

[ahmedabdelfatta]

Hello, i solved my problem but i still have a problem with this code. I want to delete the space between the first line ‘‘PAGAMENTO SICURO’’ and the second line ‘‘Numero di tracciamento per ogni ordine’’. How I can do that? Thank you and kind regards

PAGAMENTO SICURO

Numero di tracciamento per ogni ordine
30 giorni di garanzia di rimborso
Supporto attivo 24h/7

[BSS-Commerce]

Hi @ahmedabdelfatta

You can add a little change like this:

We hope that this can help you.