What you see on links when pressed on mobile is called a flash. This is an accessibility thing that happens by defaults on links. This is an expected behavior. IMHO it’s good.
You can nuke it with CSS but if you do so, you should design pressed states on mobile links. Users brains definitely wait for something to happen when a link is pressed.
<style type="text/css">
html {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
</style>
i also have another problem which i hope you can help
I want to make the menu page (drop down on mobile) be a fixed height so what ever page you are on it fills the screen no matter what mobile device you are using.
At the moment its only going to a certain height and I can see the page below which is a lot longer.
As I will have other pages at different lengths I want to fix this first so that i dont have to change the height of the menu depending on what page i am on.
So basically i want it so that when i click the drop down menu the menu fills the screen and i cant scroll up and down - and resizes to the screen hight its on
i have also clicked the button “menu fills page height” but it doesnt seem to fill the entire screen
