Catch Responsive Featured Slider Navigation - Arrow img missing

This topic has 4 replies, 2 voices, and was last updated 7 years, 9 months ago by marie21.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
January 31, 2017 at 3:59 pm #108459

marie21
Participant

Hello,

I´ve been missing the left/right arrow in the slider navigation. The dots are shown correctly but the arrows are symbolized like a broken image or something like that.

In each browser different if you move the mouse over the slider image.
1. Firefox: square with F430(left) and F429(right side)
2. Chrome: emtpy square
3. IE: nothing just the dots

Following CSS is added in the customizer to change the color of the dots:

/* Active dots */
#feature-slider .cycle-pager span.cycle-pager-active {
color: #404040;
}
/* Regular dots */
#feature-slider .cycle-pager span {
color: #7A7A7A;
}

Website: http://nest-electronics.com

Is there a solution to show these arrows correctly again or remove them fully? The dots for navigation should be stay.

Thank´s very much in advance.

January 31, 2017 at 4:52 pm #108465

Mahesh
Participant

@marie21: Are you using any plugins? If yes, try disabling the plugins one by one and check if that resolves the issue. I checked the theme on our server, and its working fine. You can check the demo
https://catchthemes.com/demo/catch-responsive/

Regards,
Mahesh

February 3, 2017 at 4:29 pm #108726

marie21
Participant

Hi Mahesh,

I have this problem since in intalled some plugins to speed up the side. Now I disabeld them one by one but the arrows are still not showing – same situation on all 3 browsers as described above.

I think this “image” f430 and f429 (arrow left and right) or the connetion to them is broken somewere but I can´t locate theese souce where I have to look for if f430 and f429 is archived correctly…

Can I replace this two symbols anywere?

Meanwhile I have shrunk them to 1px and so they are only visable in chrome if you point the coursor on the slider ….

Thank you very much in advance and have a nice weekend 🙂

February 3, 2017 at 4:52 pm #108728
Mahesh
Participant
@marie21: Its because of the Cache plugin you are using. Yes, the symbols can be replaced with CSS.
It can be hidden with CSS if you don’t want to display at all. For that, add the following CSS:
```
#feature-slider .cycle-prev::before, 
#feature-slider .cycle-next::before {
    display: none;
}
```
Regards,
Mahesh
February 7, 2017 at 4:14 pm #109010

marie21
Participant

Thank you so much!!!

It´s replaced 🙂

Regards.
Author

Posts