Slider Element (Stacked) does not display correctly

Support
#1

I’m using standalone Cornerstone with a third-party theme (not my first choice) and am having trouble with the Slider Element. I appreciate your help!

Please see: https://phonicsinmotion.com/home-new/

If you scroll down the page, you’ll see an out of the box Cornerstone Slider Element dropped into the page. The slides, as you can see, are stacked on top of each other, as opposed to the correct view where you see only one slide at a time. I’ve got the element working on another site running X Pro, so I’m thinking there is a Javascript or CSS conflict with the third-party theme’s code. Here’s a screenshot.

Screen Shot 2022-04-07 at 12.34.14 PM
Screen Shot 2022-04-07 at 12.34.14 PM2452×862 160 KB

#2

Hello @instyletech,

Thanks for writing in! This seems to be in conflict with a plugin or a code somewhere. Can you please do the following:

If none of the above helps, please provide us with your WP details so we can investigate further. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
- Confirmation that we can access and make changes to your site
​

To know how to create a secure note, please check this out: How The Forum Works

image
image1040×250 17.4 KB

Best Regards.

#3

Hi @ruenel. Thanks for the reply.

With developer console, I went through and tested all CSS classes and applied CSS styling that may be causing this issue, and was unable to fix it.

I’ve also tested with all your recommendations above and cannot fix it. I’ve added a secure note with login creds. Thank you!

#4

Hello @instyletech,

I have looked around and I found out that this JS code is causing an error in the console.

var goBtn = document.getElementById("goBtn");
var monthlymenu = document.getElementById("monthly-menu");

goBtn.onclick = function() {
  window.location = monthlymenu.value;
}

var goBtn2 = document.getElementById("goBtn2");
var yearlymenu = document.getElementById("yearly-menu");

goBtn2.onclick = function() {
  window.location = yearlymenu.value;
}

I could not find it anywhere though. Where did you have inserted this code? Can you please remove this code for the moment while we are troubleshooting? Also, it is best that you create a staging site so that we can disable all of the plugins one by one to figure out why this issue is happening. Perhaps this article will help if you are not familiar with staging sites:

Best Regards.

#5

Hi @ruenel, I answered this question in my other topic. This is JS I’ve added to Cornerstone Global JS, that disappears from Global JS, but is still applied to the site. It’s a strange bug.

#6

Hi @instyletech,

If you have already deleted the above code but it still causing the issue, then it might be the Server Level Cache is the reason behind your issue. I would suggest you contact your hosting provider to purge all the server-level cache. If that does not help, please create a staging server and share the credentials for further investigation.

Thanks

#7

Hi @tristup, I’ve cleared the server cache several times during my troubleshooting process. I have created a staging site (per my other thread) and reattached the credentials here.

#8

Hey @instyletech,

We’re sorry for the back and forth conversation. I saw you’re using the Standalone Cornerstone so I tried to replicate the issue in my test site and it’s the same so this looks like a bug in the Standalone Cornerstone.

What we can do is post this case in our issue tracker so it will be queued to be investigated by our development team.

Regretfully, there is no workaround for this so you can’t use the Slider elements.

Please stay tuned for updates and we’re sorry for the inconvenience.

Thanks.

#10

Hi @christian, I saw you answered my other post to downgrade to the previous version of Cornerstone Standalone. Were you able to replicate the “stacked slider” issue in the downgraded (6.0.8) version?

#11

Hi @instyletech,

The Modern Slider or Slider element is released after the specified version. But as my colleague says that it has been found in the latest version and he reported that to our Issue Tracker.

Thanks

#12

Hi @tristup, I know you guys have a huge pile of things you’re working on, but have you made any progress on the slider issue? Are we closer to a new subversion with a patch? Thanks!

#13

Hello @instyletech,

You may want to test the beta version. Kindly check out the Beta forum. If you want to become a beta tester, you might want to check this out:

Cheers.

#14

Thanks, @ruenel

#15

Hi @instyletech,

You are most welcome.

#16

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.