Minimal theme thin blue line in menu

Solved
MajorBrand
New Member
2 0 2

On my Shopify site, when I click on the menu on mobile, part of it gets a blue border. How can I remove this as this looks weird? This is on the minimal theme. 

I know from THIS POST that this is the code snippet, but i don't know how to apply this to the menu instead of the slideshow.

.index-section.slideshow-section:focus {
    outline: none;
}

 

Officialmajorbrand.com

 

Thanks in advance

KetanKumar
Shopify Partner
22396 2271 8351

@MajorBrand 

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
MajorBrand
New Member
2 0 2

I'm seeing the issue on my iPhone in safari and brave browser.

IMG_6032.jpg

KetanKumar
Shopify Partner
22396 2271 8351

This is an accepted solution.

@MajorBrand 

 can you please add this code

*:focus {
    outline: none;
}
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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Natztech
Shopify Partner
1889 489 1171

hello @MajorBrand 


please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 

 

*:focus {
    outline: none;
}

 

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly