Issue: clicking on one of the tabs (eg. hush chat) and scrolling to another section (let’s say News) the white line appears under both hush chat and news tabs. It seems this problem is caused by the website thinking the “pointer” is hovering over the clicked section (hush chat) and so is still displaying the white line underneath. Of course, on mobile there is no pointer, so the white line just stays there. But by changing the position of the “pointer” (clicking on another part of screen a couple times), the line under the originally clicked tab (in this case hush chat) disappears. Sadly, I was unable to find where the code that causes the white line to form on hover was.
Probably how to fix: (assuming the white line and hover is caused by css)
@media screen and (min-width: smallest tablet size here px) and (max-width: smallest laptop screen size is here px) {
Css code that causes white line to form when hovering over the tab
}
This should work assuming the problem is what I thought it was. Will update if I found a better solution or the problem was wrong.
Issue: clicking on one of the tabs (eg. hush chat) and scrolling to another section (let’s say News) the white line appears under both hush chat and news tabs. It seems this problem is caused by the website thinking the “pointer” is hovering over the clicked section (hush chat) and so is still displaying the white line underneath. Of course, on mobile there is no pointer, so the white line just stays there. But by changing the position of the “pointer” (clicking on another part of screen a couple times), the line under the originally clicked tab (in this case hush chat) disappears. Sadly, I was unable to find where the code that causes the white line to form on hover was. Probably how to fix: (assuming the white line and hover is caused by css)
This should work assuming the problem is what I thought it was. Will update if I found a better solution or the problem was wrong.