How can I remove the blue border on my mobile menu in the Minimal theme?

Store Design
1

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

1 Like
2

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

1 Like
3

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

IMG_6032.jpg
IMG_6032.jpg828×841 40.8 KB

1 Like
4

@MajorBrand

can you please add this code

*:focus {
    outline: none;
}
1 Like
5

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