Search code examples
javascripthtmlcssunderline

Unable remove underline from text at bottom of page which occurs when mouse is in certain areas

Here is my website: https://memsmosaics.com/#anchor

I can't work out what is making the text in the about section of my website get an underline. It happens when you hover the mouse anywhere in roughly the bottom 60% of the screen - from the bottom few cm of the black section down to the bottom of the white section. enter image description here

Solution

  • The problem is that the content under the site header is wrapped in tag a href="#gallery-section":

    <a href="#gallery-section">
   /*content*/
</a>

    The reason why this happened:

    • In div, with class m-container there is not enough closing tag </div>;
    • Content is mistakenly wrapped in a href="#gallery-section" tag.

    Here is a screenshot of the problem area.