Hi Enfold support team,
I’m using Enfold with the plugin pop-up maker and i’ve got a css issue here :
http://xarax.pro/exohealthfit/
The pop-up pops a few seconds after the page has loaded. I’ve centered all from “Inscription” to the end of the window with this css code :
form#sib_form_2-form p {text-align: center;}
.widget_sib_subscribe_form .widgettitle {text-align: center;}
form#sib_form_2-form input[type=text], form#sib_form_2-form input[type=email], form#sib_form_2-form select {margin-left: 15% !important;}
But when i resize my window, the text field isn’t responsive. It’s this part of the css :
form#sib_form_2-form input[type=text], form#sib_form_2-form input[type=email], form#sib_form_2-form select {margin-left: 15% !important;}
Could anybody point me to the solution ?
Thanks for your help.
Hey ouranos3!
You can try the following, you might have to adjust the media query:
@media only screen and (max-width: 767px) {
form#sib_form_2-form input[type=text], form#sib_form_2-form input[type=email], form#sib_form_2-form select {
margin-left: 0% !important;
}
}
Cheers!
Rikard
Thanks Rikard, i will try this.