Docs

[Frankonedesign]

Hi,
there is a problem with mobilversion.
The Problem is:

Whenever I press a linked image or the navigation button on my IPhone to get to another page, a gray background area appears at the moment of pressing. That should not be – it must be gone

[Christian]

Hey there,

Please give us the URL of the page you’re having a problem with.

Thanks.

[Frankonedesign]

https://www.hamm-nrw.de

Thanks.

[Thai]

Hi There,

Try adding the following CSS under Customizer > Custom > Edit Global CSS:

a:focus, 
a.x-btn:focus, 
select:focus, 
input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="submit"]:focus, 
input[type="checkbox"]:focus, 
input[type="button"]:focus {
        outline: none !important;
}

Hope it helps.

[Frankonedesign]

Hi,
I’m so sorry. Nothing has change.

[Lely]

Hi There,

I can’t duplicate the issue right now. The CSS was added correctly when I checked. Please try to clear browser. cache.

[Frankonedesign]

The browser-cache is clear.
Nothing has change.

[Rupok]

Hi there,

Your code is working fine and the border/outline is no more. Can you point us with a screenshot just to make sure we got your issue properly?

Cheers!

[Frankonedesign]

Hello,
Thank you for the effort so far. But the problem is not solved. I describe the problem again: when I touch the logo with my finger on my iphone to get to another page, then a gray area comes for a brief moment – the hover state – or when I go to the navigation Lines to enter the menu, then a greasy background area for a brief moment – the hover state.
I want a clean transition, so the gray background surface is gone.

[Lely]

Hi There,

Thank you for the clarification. This seems to be an issue for mobile safari and not related to theme. Please check this link for fixed:https://css-tricks.com/snippets/css/remove-gray-highlight-when-tapping-links-in-mobile-safari/

Hope this helps.

[Author]

Posts