Hi guys,
The privacy banner on my gift card page is appearing weird. On the phone version, it is even cutting quite a bit. Any solution would be highly appreciated.
Please use incognito.
Gift card URL https://checkout.shopify.com/gift_cards/64511443180/4ab1d4e67bea5721628097fe0e1707ec
URL basicbastard.co
Hi!
Could you provide the link to the gift card page as the privacy banner seems fine on the rest of your site?
https://basicbastard.co/gift_cards/64511443180/preview
Post updated, for a better result please use incognito. Thanks
Thats great!
Head into your template-giftcard.css file and search for the following block of code:
body {
background-color: rgb(var(--color-base-background-1));
color: rgb(var(--color-base-text));
font-size: 1.5rem;
letter-spacing: .07rem;
line-height: calc(1 + .8 / var(--font-body-scale));
max-width: var(--page-width);
margin: 0 auto;
padding: 0 2rem;
flex: 1 0 auto;
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
}
Delete the following: padding: 0 2rem;
This should solve your issue 
To fix the web version, could you please make the gift card a live page rather than a preview so I can see the actual page code as the preview layout code is slightly different?
https://checkout.shopify.com/gift_cards/64511443180/4ab1d4e67bea5721628097fe0e1707ec
This might work? Thanks
No problem, I’ve found the problem code I’m just not sure which file it is in, would you be able to send your STORE.myshopify.com URL so I can request collaborator access and find it?
Perfect!
I need a collaborator request code to send the request, I’d recommend sending this to me via private message