Streaming live at 10am (PST)

Links appear in a blue box when clicked on mobile


#1

Hi and HELP

Im working on this small quick site - https://preview.webflow.com/preview/sullysullivan?preview=d9658010bfb3b1b3cd3a4f29f7d6afba
I cant seem to find a way of making it so my links (information, testimonials) dont appear in a blue box when clicked/opened on mobile. it usually appears for less than a second but looks unprofessional. only happens on mobile.

Also not sure why the info page has a massive margin/space on the right hand side - only on mobile

please help - first time using webflow


Here is my site Read-Only: [LINK][1]
([how to share your site Read-Only link][2])

https://preview.webflow.com/preview/sullysullivan?preview=d9658010bfb3b1b3cd3a4f29f7d6afba
[2]: https://university.webflow.com/article/sharing-your-sites-read-only-link


#2

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>

#3

thank you v much.

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

https://preview.webflow.com/preview/pelican-canteen?preview=5602c7f86c2754ff04b314e9928093d9

thanks