<area shape="rect" coords="121,1077,479,1177" href="https://bestbeardstuff.com/collections/frontpage/products/beard-hair-filler-black"/>
<area shape="rect" coords="106,1595,248,1635" href="https://bestbeardstuff.com/collections/frontpage/products/copy-of-beard-hair-filler-brown" />
<area shape="rect" coords="354,1595,496,1635" href="https://bestbeardstuff.com/collections/frontpage/products/beard-hair-filler-grey"/>
<img src="https://d3k81ch9hvuctc.cloudfront.net/company/SLiQf7/images/d6b73265-a78e-4248-9490-b91998b52051.jpeg" usemap="#Linkmap"/>
ABOVE IS THE BASIC CODE I USE.
( FOR MOBILE)
@media only screen and (max-width: 600px)
Also I just learned how to Code. But I guess this would be helpful for other learning how to code. Would really appreciate the help.
Best answer by JorgeV
I know now that its because the Gmail (predeccesor) doesnt use map source or map linking causing my buttons to not work. Instead I have made divs and tables to insert each PNG separately and to Anchor them with href=. It was a coding error on my end due to lack of coding knowledge and understanding