page not responsive on mobile

  • Resolved ramalee420

    (@ramalee420)


    8 years, 8 months ago

    Hi all, only one of my webpages is not responsive on mobile, while the rest of the pages are. The troubled webpage has a map (MapifyPro) with a specified width (584 pixels). The page used to be responsive (map shrank to fit and be centered in mobile), but no longer is after a MapifyPro update. The folks at MapifyPro think it may be a problem with the Customizr theme.

    The page is here: https://www.raymondmarklee.com/photographs/world-map/

    The unresponsiveness problem makes it very difficult to navigate on the map and to push on the location pins. Any help would be very appreciated! The rest of the theme works very well and I am so happy with it.

    Thanks,
    ray

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

  • If it’s just a matter of it not longer shrinking, it’s possible that something changed in the map’s custom sizing, either as a custom setting within the plugin or something created inline when you added the map element on the page.

    It seems to stay at the same size, 584 x 300, on all views, overriding responsive scaling. Adding a max-width of 100% to the map element should fix it if that is the only issue. Does adding the below code to your advanced CSS resolve the issue for you?

    div#custom-mapping-google-map-0 { max-width: 100% }

    Thread Starter ramalee420

    (@ramalee420)

    Thank you, thank you! That was the exact fix I needed to get the map to shrink on mobile (be responsive), and on a computer as well. I’ve been struggling with this for a few weeks (since MapifyPro came out with a new update), so thanks a lot!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘page not responsive on mobile’ is closed to new replies.