[daisyparsonsParticipant]

Hi there,

I am using Visual Composer with Integrity Light.

I have native sliders on some of my pages and am having some problems:

1. I am finding that the previous/next navigation arrows don’t always advance the next slide immediately – there is often some delay, as if the click didn’t register, and sometimes they seem to stop advancing altogether, although I do have them set to advance automatically. I have set the slide time to 5000 and the slide speed to 4000, which is a long time, but slides often don’t begin to advance until after some delay that is longer than the 4000 speed would take. It does seem to be related to this speed setting, though, because the response seems to be fine when I set the slide speed back to 650. Ideally I would like to keep the 4000 speed but find some way to get the slide to advance as soon as the previous/next navigation arrow is clicked.

2. The control navigation disappears after the first slide has faded onto the screen and after that do not reappear, whether or not you hover or click in the area they had appeared in. I would like dots to stay on the screen even when you don’t hover over them (opaque dots with no container) and to function normally.

The sliders are within lightboxes but scrolling through the slides in lightbox mode is not a problem.

Any help you can give on this issue will be greatly appreciated.

I will put my URL and login details in a private reply.
Wordpress version 4.1
Theme version 3.1.1
X – Shortcodes version 2.6.1
WPBakery Visual Composer version 4.3.5

Many thanks,

Daisy

[daisyparsonsParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

#1 You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

#2 Please add the following CSS under Customize -> Custom -> CSS :

.flex-control-nav {
display: block !important;
z-index: 2000;
}

Hope it helps.

[daisyparsonsParticipant]

Hi,

1. No changes to the responsiveness of the navigation arrows when all plugins are deactivated unfortunately. It still seems to be delayed and only responds after several clicks sometimes.

2. Thanks for the code – the control navigation dots are now constantly visible, so that has worked, thank you.
They do, however, seem to have the same problem as the navigation arrows – they only respond after several clicks.

It does seem to be the fact that I have set a slow transition between slides and a long slide time, but I would really rather speed things up as it makes the page seem very high energy and the slow speeds are nice and calming.

Daisy

[ZeshanMember]

Hi Daisy,

Thanks for writing in!

#1: As you are using animation speed 4 second (4000ms) that’s very slow and is the reason of this dalay. When you click the arrows, the animation fade effect will run for total 4 seconds and in the meantime the arrows will be disabled, that is why if you click any arrow in between the animation time, it won’t work. If you click and wait for 4 to 5 seconds and click the arrow again, it should work just fine. 4 seconds animation time is very slow, I’d advise keeping it below 800.

#2: This is the exactly same behaviour, so keeping your animation time below 800 should fix problem for both controls.

You are right about the slow speeds, but this is how a slider works, if you open your web inspector (Right Click > Inspect Elements; Chrome), you will see that this style (overflow: hidden;) will become visible when you click any arrow or dot and remain visible for 4 seconds and in the meantime no arrow or dot will work for you.

Hope this helps!

Thanks!

[daisyparsonsParticipant]

Hi,

Thanks so much for your explanation.

I am now having the issue that on some sliders I don’t want the previous/next navigation arrows to be visible at all, but they are visible even though I have unchecked the box in the slider settings.

You can see this occurring on the home page: http://thgd.co.uk

Do you have any suggestions regarding how to get rid of these? I have tried deleting the slider altogether and starting over with a new one, but no change.

Best,

Daisy

[John EzraMember]

Hi Daisy,

Thanks for updating the post. Sorry your having issues switching those off. Let’s hide the via CSS.

You can add this under Custom > CSS in the Customizer.

ul.flex-direction-nav {
display: none;
}

Hope this helps!

[daisyparsonsParticipant]

Hi, thanks for sending that through.

Whilst that code has successfully hidden the previous/next navigation arrows, it has done so for all of them. I do want some of my sliders – the ones where I check the box – to show the previous/next navigation arrows.

See this page: http://thgd.co.uk/portfolio/residential_gardens/farmhouse-essex

Sorry to be a pain with this – do you have any suggestions?

Once again thank you so much for all your help.

Daisy

[Paul RModerator]

Hi Daisy,

If you want to hide arrows on homepage only, you can add .home to the code above like this.

.home ul.flex-direction-nav {
     display: none;
}

Hope that helps.

[Author]

Posts