CMS Development

mchvatal
Contributor

Mobile preview does not match what is displayed on a real device

SOLVE

Can anyone help me figure out why my form button does not display properly on a mobile device? It looks fine on a web browser and in the HubSpot mobile preview, but when I open the page on an iPhone (in both Safari and Chrome), the button formatting is different. 

 

http://info.youngdental.com/aei_catalog

 

Screenshot.JPG

0 Upvotes
1 Accepted solution
JasonRosa
Solution
HubSpot Employee
HubSpot Employee

Mobile preview does not match what is displayed on a real device

SOLVE

Hey @mchvatal could you try adding -webkit-appearance: none; to your form button styles? More info on this can be found in this stack overflow thread

View solution in original post

2 Replies 2
JasonRosa
Solution
HubSpot Employee
HubSpot Employee

Mobile preview does not match what is displayed on a real device

SOLVE

Hey @mchvatal could you try adding -webkit-appearance: none; to your form button styles? More info on this can be found in this stack overflow thread

mchvatal
Contributor

Mobile preview does not match what is displayed on a real device

SOLVE

Thank you @JasonRosa! That did the trick!

0 Upvotes