Resize buttons for Mobile

Site URL: https://www.biocleandd.com

Is there a fix to resize buttons for mobile.  THey are appearing to be giant and out of context with the other info on the site. THANKS.

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1589907601741_8040 a {
    letter-spacing: 0;
    font-size: 15px;
}
}

That fixed the top but not the others on the page. Thoughts? Thanks a million

Figured it out!  Thanks again

I'm having the same problem but this piece of code doesn't seem to be working for me. Any advice?

@RRMisery if you share a link to the site I can take a look

I actually just found some code that works on this thread :

@media(max-width: 767px) {
	a.sqs-block-button-element {
      padding: 0.8em 0.3em !important;
      display: inline-block;
	}

Thank you though!!!

Hi there! @tuanphan the above code worked to resize all my mobile buttons...except the button on my custom coded mailer section...please can you help?

Also how do I change the font side of Name* and E-mail* text on the left of the white input boxes...for mobile only??

https://jeanine-thompson.squarespace.com/

password: tuansqsp

On 5/2/2022 at 5:24 PM, Iwan said:

Hi there! @tuanphan the above code worked to resize all my mobile buttons...except the button on my custom coded mailer section...please can you help?

Also how do I change the font side of Name* and E-mail* text on the left of the white input boxes...for mobile only??

https://jeanine-thompson.squarespace.com/

password: tuansqsp

Do you still need help?