I have created a new HTML module in which I have added 4 images that link to different pages on my website. Together they form the main picture at the top of the page and visitors can click on different parts of the image to go to different service pages.
The problem is that on mobiles the picture appears divided. Effectively you can see every linked picture one under the other.
Do you think there is a way to keep all 4 images grouped together on mobile devices?
This is the link, I am sure it will make sense once you see it.
The only way around that would be to set the images’ width to 25% so it scales with the viewport width. You’re gonna want to play around with the dimensions of the images though. Make them have the same width.