Debut Theme: Mobile Device Tap Color on Menu is not consistent

Solved
Highlighted
Excursionist
26 0 3

Working on store: https://sanity-india.myshopify.com/
Theme: Debut
Output Required:
When someone tap's on any of the menu link, there is a selection box (border) which comes up either "square or rectangle" on all operating systems & devices I need to set a common color.

Current Status:
On Windows: Black Color Selection Box
On Mac: Blue Color Selection Box
On Android: Golden/Yellowish Selection Box
On Apple: Blue Color Selection Box

Required Solution:
1 colour across the website while tapping or selecting an element in the website.

0 Likes
Highlighted
Excursionist
26 0 3
1 Like
Highlighted
Shopify Partner
7473 1034 2598

This is an accepted solution.

@Saurya 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

:focus {
    outline-color: #c40d2b;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
26 0 3

@KetanKumar Thank you, for the solution it worked!

0 Likes
Highlighted
Shopify Partner
7473 1034 2598

@Saurya 

Thanks for update

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like