Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 27, 2014 at 2:19 am #309613
    boeellis

    Dear Friends,

    Sorry I could not find an answer on the forum. I am using Enfold 2.9.1. and working looking for an image map solution on this page… http://boston.cjellis.com/planters/.

    My image is 1140 pixels wide and has a bunch of corresponding coordinates behind it… Yet, the responsive image feature in Enfold is not allowing my code to work as I had hoped it would.

    Can you give me some magic shortcode that will make the width and height of that image absolute?

    Sincerely,

    Boe

    August 28, 2014 at 12:44 am #310136
    Josue

    Hi Boe!

    It’s not possible to make a an area element responsive, one thing you can do is force the image to remain at its expected width at all times, try adding this to Quick CSS:

    img#Image-Maps-Com-image-maps-2014-08-26-210455 {
    width: 882px !important;
    max-width: none !important;
}
html.responsive, .responsive body, .responsive #top {
    overflow-x: visible !important;
}

    Also, perhaps you may want to look at the Image with hotspots element:
    http://kriesi.at/themes/enfold/shortcodes/images-with-hotspots/

    Cheers!
    Josue

    • This reply was modified 9 years, 7 months ago by Josue.
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.