בעיצוב של המובייל, זה הקוד CSS שנתתי:
.mobile button, input[type=submit]{
background-image:url("http://pharm-plus.com/wp-content/uploads/2016/01/mobile_form_08.png");
border:none;
padding:0px;
margin:5px;
text-indent:-50000px;
width:100%px;
height:100%px;
}
ומופיע לי כפתור קטן, שרואים רק חלק קטן מהרקע
אם אני נותנת גודל בפיקסלים זה עובד, אבל זה צריך להיות רספונסיבי..
כמו"כ איך אני עושה קצת רווח בצדדים לשדות הטופס? בmargin-right זה עובד מעולה, הmargin-left לעומתו לא מגיב.
ונתתי בהגדרות של הטופס (בתוסף שלכם) לכל שדה רוחב של 75% בכלל, והם תופסים את כל הרוחב ממש.