2014-09-18 3 views
0

중력 양식 WordPress 양식 플러그인을 사용하고 있습니다.중력 양식 반응 형 제출 단추

확인란과 제출 버튼이 인라인이지만 응답하지 않습니다.

창 (반응 형/모바일보기)에서 드래그 할 때 상단/하단 스택을 어떻게 만들 수 있습니까?

내 양식 (만 크롬과 사파리 지금의로 설정) : http://redesign.spyderlynk.com/contact-us

가 여기에 버튼과 체크 박스를 제출 인라인에 내가 가지고있는 CSS입니다.

} 
#field_1_4 label.gfield_label { 
    display: none !important; 
    float: right !important; 
} 
#gform_wrapper_1 .gform_footer.top_label { 
    float: right !important; 
    padding: 0 !important; 
    margin: -40px 570px 0 0 !important; 
} 
.gform_wrapper form label { 
    float: none !important; 
} 
+0

체크 박스 화면이 768px로 감소 웹 사이트 스택 위/아래의 양식 아래에있는 버튼을 누릅니다. 화면이 768px 이하로 축소 된 경우에도 인라인 상태로 유지 하시겠습니까? –

답변

0
@media only screen and (max-width: 767px){ 

.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper .top_label 
li.gfield.gfield_error.gf_right_half { 
    width: 100%; 
    } 

.gform_wrapper .top_label li.gfield.gf_left_half { 

    width:100%; 
    } 


    .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half { 
     width: 100%; 
} 


    .gform_wrapper .top_label li.gfield.gf_right_half { 

    width: 100%; 
    } 

    } 
1
@media only screen and (max-width: 767px){ 
#field_1_4 label.gfield_label { 
    display: none !important; 
    float: none; 
} 
#gform_wrapper_1 .gform_footer.top_label { 
    float: none; 
    padding: 0 ; 
    margin: 0; 
} 
.gform_wrapper form label { 
    float: none !important; 
} 
}