Oct 12, 201810:44 AM - edited Oct 12, 201810:54 AM
Member
[Will pay] Need the make areas of header image clickable/linkable to internal pages
Hey gang -
I need to make four regions/areas of the header image clickable/linkable to internal pages. Does anyone know how to do this?Proline header image - w/links
This can be done with a little custom html/css wrapping and some containers, here is a quick/dirty mockup that shows each seperate linkable box.
While this does work as expected, it's probably not the best solution for mobile users. The boxes will scale with the picture, but since each slot is 25% wide, those clickable areas are going to get harder to click on smaller devices.
I think a solution you should look into is, splitting your image up into 4 quadrants, so when it scales down, they will stack. Example:
This option could be done by simply stacking your images into a single container and letting your browser and some css handle how it scales down.
Let me know if you have any other questions, happy to help!