Submit arrow on retina devices

[ilovewp]

Hello,
I am not using wpcf7, because it couldn’t manage conditional logic.
I am using Visual Form Builder Pro.
On my own site I designed the VFBP and give your submit design too (put arrow images in the child folder).
Unfortunately on retina devices (i only have iphone 5 and ipad air) the arrow disappeared with the retina one. If I leave the smallest one it is ok.
I use your css codes rom the main style.css.
What is the ault? What have I done wrong?
Thank you so much!
Daniel

My site url where the problem is: http://www.ilovewp.net/kapcsolat/

[Kyle – SUPPORT]

Hi

The image foes not seem to exist with the path you have provided, see screenshot

– Kyle

Attachments:

You must be logged in to view attached files.

[ilovewp]

Hi,
very strange…
That image is there!
You can see the screenshot.

If I set url(../flexform/images/button-arrow…) the same happen.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

What css have you used to apply the arrow?

– Kyle

[ilovewp]

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.visual-form-builder input[type="submit"] {
			background-image: url('images/[email protected]');
			background-repeat: no-repeat;
			background-size: 6px 9px;
	}
}

I have copied from flexform original theme css.

[Kyle – SUPPORT]

You best to put the full image path in, starting from http://http://www.ilovewp.net etc

– Kyle

[ilovewp]

I did it but no changes…
I don’t know what is the problem.

[Kyle – SUPPORT]

Possibly the issue is with the plugin

– Kyle

[ilovewp]

Ok, and how shall I correct it?

[Mohammad – SUPPORT]

Hi,
Please try to use code with full image path:

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
   .visual-form-builder input[type="submit"] {
            background-image: url('images/[email protected]');
            background-repeat: no-repeat;
            background-size: 6px 9px;
    }
}

Hope that should work and let me know your feedback.
Thanks 🙂
With Best Regards
Swift Ideas

[ilovewp]

Hello Mohammed,
Unfortunately it’s not working… 🙁

[Mohammad – SUPPORT]

Hi,
Please remove that one try this new one code:

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
   .visual-form-builder input[type="submit"] {
            background-image: url('images/[email protected]');
            background-repeat: no-repeat;
            background-size: 6px 9px;
         
    }
}

Hopefully that should work and let me know.
Thanks