Navigation Arrows Not Showing Up

Sorry I did not see your link (so I really have no idea what you are on about). Please paste the link.

Also regarding Slide Transitions, please hover your mouse pointer over the blue ‘i’ (info) button to the left of the ‘Slide Transition’ drop-down and read the text that appears.

Here’s the link: Test: SA Slider … I’ve made it publicly visible for you to be able to see it, but I’m hoping I don’t have to leave it that way for long …

This is the upshot: I have 6 slides, and as you can see, 4 of the slides are crowded into 4 narrow columns, with the last 2 slides on the second slide’s “page”. I have the “Slide by:” set to 1.

I’ve deleted everything else on the page, so now you can also see that the navigation is not showing. I have it set to show the arrows all the time, and to show the paging.

Also, so that all of my issues will be in the same place, I’ll reiterate what I wrote elsewhere on this site regarding the Slide Transitions: I *did* have all of the Slide Transitions set to 1, and the transition itself is set to fade. I took a screen print of that, and am willing to screen print whatever you’d like to see, if you can tell me where to send it.

Thanks for your time and trouble.

Hmmm, the pagination does actually work – see this test page:
https://edgewebpages.com/test-page/

Probably a conflict with your theme’s CSS.

It seems that for some reason the CSS for ‘sa-owl-theme.css’ file is not being read within your theme, and this is the stying for the buttons and arrows.

If you view the link I pasted above, and inspect element on one of the pagination dots you will see the following CSS:

.sa_owl_theme .owl-dots .owl-dot span {
display: inline-block !important;
    border-style: none !important;
    background-color: rgba(0,0,0,0.2) !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    margin: 0px 3px !important;
    transition: all .3s ease-in-out !important;
    -webkit-transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
}

This doesn’t exists on your site.

You need to get to the bottom of what that is. Are you running any Caching/CDN plugins. What about security plugins. Try disabling these if any and see what happens.

If that fails then maybe test quickly with another theme – you can always switch back to your current theme after you have done the test.

Okay… I’m not running any caching/CDN plugins. I am, however, running Wordfence as a security plugin. I de-activated it, hard-refreshed the testing page, and nothing had changed.

I checked the plugins editor, and found the exact section you quoted in the sa-owl-theme.css… so it does exist. As you say, the file must not be being read …

About quickly testing it in a different theme … I’m a bit leery of doing that. I’ve heavily modified the theme, and I need to be certain that re-activating it won’t cause it to update itself … I would lose months of work, and at this particular time, that would be disastrous.

If you know how WP handles re-activating a modified theme which has an update waiting to be installed, I would appreciate knowing – if it just reactivates it “as is”, then I’d be glad to test in another theme … if it re-actives with an update, I can’t.

Thanks for your time!

I downloaded/installed a plugin that prevents auto-updates, and activated the “Publishable Mag” theme, and then the “WP Bootstrap Starter”, hard-refreshing the test page with each theme, and nothing (but the theme) had changed. Reactivated the Ultra theme, and I’m back to where I started from.

Not sure where to go from here …

Peace Simon … noticed something today about the problems with the slides not separating into individual slides, but rather showing 4 slides per slide space in wee narrow columns. When my browser is pulled out to full width (I have a wide screen), the individual slides show up properly, however making the browser narrower, even just a bit, makes the slides all pop in together in narrow columns again.

I checked to make sure I hadn’t used any “hard returns” in my slides, and I haven’t … the text wraps around fluidly.

Regarding the problem with navigation, I’ve decided to design and use a graphic arrow at the bottom of the slide, showing people that if they slide left, there’s more to see, but even that isn’t working that well, because people will want to click on the arrow (which is a .png) rather than slide the page, and all that will happen will be that the page will navigate to the arrow graphic.

Yours is the nicest of all of the sliders I’ve found – and I’ve been to virtually everything available. I really do wish we could get this one working.

Thanks so much for your time and trouble.

• This reply was modified 6 years, 9 months ago by Moofie.

I had the same issue. I’m using the Avada Theme.

All of a sudden, the scroll down arrow and the next slide arrows disappeared. I discovered that this happened After I had added HTML bold code (<b>… </b>) to the slide description. Once I removed the HTML, all the arrows returned.

See https://www.thesailingchannel.tv