Home Forums Bug Reports RTL map field bug and mobile map bug + fixes


RTL map field bug and mobile map bug + fixes

  • 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:
    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;
  • Hi @lavip

    Thanks a bundle for the feedback and the workaround.

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

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘RTL map field bug and mobile map bug + fixes’ is closed to new replies.