Search code examples
htmlcssnavigationunderline

Remove line under navigation text

TLDR: Please help me remove the underline of the text in the navigation.

Context:

I am making a Mobile news application.

Problem:

I want to remove underlines on the text of the navigation.(Home, login)

<h1>ignore this code  </h1>

https://jsfiddle.net/uatmt99g/

Look specifically at the nav div and everything inside.

Similar post I have found whilst researching the issue (click link):

Remove line under image in link

I have tried the following but may have not implemented it correctly:

using CSS to remove text decoration,

using CSS to remove styling of text,

Any help? Thanks in advance

Solution

  • you are using link (<a href = ""></a>) tags. to remove those "underlines" simply use the css below

    a {
   text-decoration: none;
}