Forminator Inline Submit Button

Hi @joindm

I hope you are doing well.

As you have a simple form can you try to use the display flex?

.forminator-custom-form.forminator-custom-form-458{
    display: flex;
    align-items: center;
}

.forminator-custom-form.forminator-custom-form-458 .forminator-row{
    margin-bottom: 0 !important;
    margin-top: 22px;
}

https://monosnap.com/file/XcyQps1pX1BvQ88eCLl41L8EpKX5G5

This should work well with Safari as well, you can then add your media query to apply it to Desktop only.

Best Regards
Patrick Freitas

Hi @joindm

Could you check the adjustment suggested by one of my peers in this other ticket? It should help with the alignment.

https://wordpress.org/support/topic/contact-form-fields-are-messed-up/

Please test the suggested code and let know if you get the expected results.

Kind regards

Luis

Hi @joindm

Please try adding this CSS to the site:

@media only screen and (min-width:783px) {

.forminator-row {
	padding-top:30px;
}

.forminator-row:not(.forminator-row-last) {
	float:left!important;
	clear:none;
	max-width:83%!important;
}
.forminator-row-last {
	float:right!important;
	clear:none;
}
	
}

It works like this in my test:

Note please: this is an additional CSS and not a replacement to what you already have on site.

Best regards,
Adam

Hi @joindm

I’m sorry, I didn’t notice another form there as I focused on the one in question.

But there’s a simple solution to that and you can still use this code, just modify it slightly by adding form ID to selectors. Here’s modified version:

@media only screen and (min-width:783px) {

#forminator-module-458 .forminator-row {
	padding-top:30px;
}

#forminator-module-458 .forminator-row:not(.forminator-row-last) {
	float:left!important;
	clear:none;
	max-width:83%!important;
}
#forminator-module-458 .forminator-row-last {
	float:right!important;
	clear:none;
}
	
}

Replace the code that I shared previously with this version and it should be fine (though you may need to clear all cache after change) – it will only target this specifric form and won’t be applied to any other form on page.

Best regards,
Adam

Hi @joindm

It should be working.

Unfortunately, I don’t quite have a way to test it on Safari without it actually being really added to site (I mostly work on PC and while I have option to “view” pages in
Safari on my iPad, I don’t have any tools there to modify it live).

However, if the code that I shared earlier (the one that messed up the second form) worked for you on Safari, then this new version would work as well.

Kind regards,
Adam