Hello, 

I'm starting work on my website: https://internationalfit.org/

Here's what I need help with. 

Is there a way to add a responsive image map, so that each of the panels (Brides, Beauty, Accessories, Fashion) can link to separate pages? 

By the way, when I tried to cut this image into 4 images corresponding to each of the panels, I couldn't get the desired effect on mobile, which was to simply "shrink" all four images rather than have them stacked on top of each other. I could of course link the four separate images, but then the problem was that they were stacked. 

So the bottom line is that my goal is to have all four images appear together (not stacked) in mobile, and then all four panels link to their respective pages. However this can be acheived would be fine with me. 

Thanks in advance for your help. 

Shahzad

Hi Art,

Thanks for the reply. 

I'm using the Jewelry theme, but in mobile the panels "stack" one on top of the other, see attached. 

I'm wondering if there's a way to keep the 4 panels in the same proportion on mobile as they are on desktop, like I currently have for International Fit, but then simply have each of the panels link out. I tried playing around with the columns in Visual Composer but could not find a way to achieve this effect. 

Thanks so much in advance for your help,

Shahzad

Art, thanks for the reference. I'll try that. 

Shahzad