Image Map not responsive on phone

Community Forums Forums Design Tips and Tricks Image Map not responsive on phone

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  bullwinkle 9 months, 2 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #72889

    bullwinkle
    Participant
    Post count: 11

    Hi,
    I have 2 image maps on either side of this open book image that link to different pages (Portfolio 1 and Portfolio 2).

    When I look at the page “phone size” with firebug, I can see that the image maps haven’t re-sized. You can’t click on the right page and get Portfolio 2 anymore.

    Any ideas for fixes?

    Huge thanks in advance.

    • This topic was modified 9 months, 3 weeks ago by  bullwinkle.
    • This topic was modified 9 months, 3 weeks ago by  bullwinkle.
    http://newhousewebdesign.com/user45/portfolio/
    #72952

    nutsandbolts
    Moderator
    Post count: 3128

    Image maps are notorious for causing difficulties with mobile responsiveness. Have you considered using the book image as a background and overlaying the other images on top of it? That would allow you more control as well as letting you link each image directly.


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #73072

    bullwinkle
    Participant
    Post count: 11

    I just installed the plugin Responsive Image Maps by Phillip Newcomer. It fixed my problem. Hope this helps someone else.

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

You must be logged in to reply to this topic.