RTL map field bug and mobile map bug + fixes

• lavip

• March 14, 2016 at 2:34 am

Hi,
The map field in the back end in RTL languages is difficult to use: the search and the cancel icons cover the words as I’m typing them.
Suggested fix:

html[dir="rtl"] .acf-google-map .title .actions {
  left: 0;
  right: auto;
}

I also spotted a non-RTL issue when I used the example code posted here:
http://www.advancedcustomfields.com/resources/google-map/
In mobile the maps look scrambled on the front end, because of this rule:

.acf-map img {
   max-width: inherit !important;
}

The solution I found was to delete the above rule, and then update my own img selector, so it will exclude all images inside the .acf-map div.

img:not(.acf-map img) {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}

• James

• April 13, 2016 at 3:48 am

Hi @lavip

Thanks a bundle for the feedback and the workaround.

This is surely going to assist someone in the same problem.