Ess Grid carousel not working well

Support
#1

Hi there,

A while ago I sent a request for help regarding a grid carousel that’s not working well.
The website was - https://hightower.co.il

Finally there’s a staging area, and would love it if you could look into what’s causing the problem.

Please not - the WP version is not 5, but the problem was created waaaaay before 5 was even available, so it’s not related.
Everything else is updated.

Sending the login info as a secure note.

Thanks,

#2

Hey @liorgo81,

Are you referring to the blank space in the carousel (see the secure note)? There is no solution for that but to have 9 grid items. Currently, you have 7 and the display is 3 columns per display. Once you’ve reached the last set of columns, you only have 1 grid item displaying and the grid won’t display or there is no option to display the previous items.

Please also post the past thread regarding this to give us more context.

Thanks.

#4

Regardless, something isn’t right:

  • it loads the following images in the wrong order
  • when I click on the latest arrow it loads the carousel in a weird way
  • not to mention the gap on the right and the small one between the middle and left-hand image

#5

I have fixed the 3 points you’ve described.

Below is the correct setup that fixed the first 2

Your RTL for the Services Grid was disabled. I enabled it.

I’ve assigned a class to your VC Column and made the .vc_column-inner fullwidth through custom CSS. There could be a setting in VC for this but I’m not an expert in using the native options of Visual Composer.

That made the Fullscreen option of the Essential Grid work.

Hope that helps.

#6

Hi,

Thanks for the detailed reply.

The strangest thing - I added the CSS code you suggested in the actual website but it didn’t take. Also, I checked and saw that the RTL option was enabled in the actual website…
I’m a bit at a loss as to why the staging would “accept” the changes, but the website wouldn’t.

Thanks again for your continuous support in finding a solution.

Cheers and thank you!

#7

In this case, please give us access to your live site but if you’re using a caching plugin, please clear all caches and deactivate it.

Thanks.

#8

No problem, sending the access as secure note.
I use WP Rocket; I cleaned and it’s not deactivated.

Thanks!

#9

Hey @liorgo81,

I followed what I did in your staging and it works in your live site. I got confused with the RTL though. It should be disabled. It’s actually in reversed in the settings. Sorry about that.

I also forgot the addition of this code.

.esg-overflowtrick ul {
    margin: 0 !important;
}

Your live site’s now fixed.

Hope that helps.

#10

It sure does! Looks really good and I truly appreciate your help.

Just one final question- curious about the white gap between the middle and right slides?

Thanks again!

#11

Hi There @liorgo81

I have re-tested your issue and I could not see any white gap.

I see that the border is set to 0 and the border color is transparent.

Do you see this issue on a specific browser ? If so, please mention the details.

Thanks!

#12

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