Why does a blue line appear on my Debut theme slideshow?

Store Design
1

Hey everyone,

My website is just about finished, but when I click on the navigation on the slideshow at the top of my site, a blue line appears underneath - any ideas please?

https://www.judefish.com

Password: iapeod

2

Hello,
Please share the screenshot of which blue line you want to remove.

3

I saw the Curly bracket on the last.
I can’t see any blue line which you are talking about.

4

Hello @Judefish

Try adding this code at the bottom of the theme.css file

input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
5

hii, @Judefish
Paste this code in the top theme.scss file.

.slideshow__controls {
    display: none !important;
}

Thank You.

6

Hi there,

I’ve attached a screenshot :slightly_smiling_face:

Judefish_0-1628941865730.jpeg
Judefish_0-1628941865730.jpeg1232×620 89.8 KB

7

@Judefish

@media only screen and (min-width: 750px){
.slideshow__controls {
    top: auto;
    bottom: 0;
    left: 0;
    display: none !important;
}
}

Add this code in theme.scss or theme.css

8

It still doesn’t work - when I click on the nav bar to scroll to next slide, the blue line shows up?

9

Hi @Judefish have you tried this solution of mine?

BrianDev_0-1628949082335.png
BrianDev_0-1628949082335.png832×309 15.2 KB

10

Hi there,

Yes I did, this hasn’t worked either :disappointed_face:

11

Hi there

Do you have any suggestions? They would be most welcome :slightly_smiling_face:

12

Hi @Judefish You can describe the problem with a screen shot video

13

Hi there, Oh, not done that before, but not sure that would help anyway. As soon as I click on the slideshow image, a blue line appears underneath. I’ve checked the css file and tried various coding, but nothing works :disappointed_face:

14

Anyone else have anything I could try?

15

@Judefish

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?

also can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
:focus { outline: none; }