Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #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.

    #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

    #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 🙂

    #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

    #109010
    marie21
    Participant

    Thank you so much!!!

    It´s replaced 🙂

    Regards.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Catch Responsive Featured Slider Navigation – Arrow img missing’ is closed to new replies.