title: How to create navigation menu with png image beneath the text
body: <p>I'm an uncoded website designer looking for how to create this navigation bar:</p>
  
  <p><a href="https://i.stack.imgur.com/WIPNj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WIPNj.png" alt="enter image description here"></a></p>
  
  <p>To become this:</p>
  
  <p><a href="https://i.stack.imgur.com/MvPVJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MvPVJ.png" alt="enter image description here"></a></p>
  
  <p>I already have the image asset, just don't know how to code and where put the code.</p>
  
  <p><a href="https://i.stack.imgur.com/7Ec3P.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7Ec3P.png" alt="enter image description here"></a></p>
  
  <p>Current website design (using wordpress): <a href="http://beta.mkp.co.id/shop/" rel="nofollow noreferrer">http://beta.mkp.co.id/shop/</a></p>