Minimal theme thin blue line in menu

[MajorBrand]

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]

@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?

[MajorBrand]

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

[KetanKumar · Accepted solution]

@MajorBrand 

 can you please add this code

*:focus {
    outline: none;
}

[Kinjaldavra]

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;
}