Hi everyone. I am trying to make the button on my shopify banner responsive. I looks good on mobile and desktop but when sliding the size of the window the button goes off to the left and covers the text. Anyone know a way to fix this?
https://snobbish-beauty-5554.myshopify.com/
Password: gowwhe
Thanks in Advance!
Hey,
Paste this in the ‘Custom CSS’ setting of the section.
It should do the trick.
.banner .banner__buttons .button--secondary{
top: 40px !important;
left: -60px !important;
}
The button still looks weird in certain tablet views but it does the trick for now! Thank you.
Hi! I used this to resize my button and works great but the string is showing up in the header. What do I add to hide it but still make it work?
Line 402 of header.liquid
Shop Now
{.banner .banner__buttons .button–secondary{
top: 40px !important;
left: -60px !important;}
}
