I’m only seeing an orange border at surrounding top portion of your mobile menu. Can you post a screenshot of the border that you’re seeing so I can see what you’re seeing?
https://postimage.org/
Thanks,
Kevin
Thread Starter
Piani
(@webbmasterpianise)
Yes it is that same orange border that is strange. I see now that it is orange in my mobile.
But when I test in Chrome and make the window smaller to test it is blue.
It gets even stranger…In Firefox and in Windows Edge when I make the window smaller there is no border at all and it looks like I want. 🙂
IMAGE
Thats why I dident notised earlier 🙂
So summary: There is a blue border in Chrome and a orange border on Android phone. But how to get rid of that is above my CSS hack grade 😉
Thread Starter
Piani
(@webbmasterpianise)
Image
[url=https://postimg.org/image/okwdmeufv/][img]https://s9.postimg.org/okwdmeufv/Virtue_Border.jpg[/img][/url]
I just checked on my iphone and it’s not showing up in Safari, or Chrome.
I think this might just be something that Chrome is doing in inspect, as it’s only showing up when I activate the mobile nav trigger on the my computer.
we can wait for the theme developer to confirm this.
Thread Starter
Piani
(@webbmasterpianise)
Yes, it is not a big deal, just anoying -)
I can add that I tested in the Chrome browser in my Android phone and then the border is bright orange there.
When I use the default Android Internet Browser in the same phone the border have a brown color 🙂
Hey, has to do with browser accessablitly settings.
You can use this css to remove:
a:focus, button:focus {outline:0;}
Kadence Themes
Thread Starter
Piani
(@webbmasterpianise)
Thanks for a swift and easy solution and explanation!
