[hansahnParticipant]

Hi,
I experience the same problems as #641917 but found no solution in the thread.
The slides opens as thumbs in accordion unless I switch Tabs.

Clues:
The slides work fine in cornerstone element “slider revolution”.
Problem in Chrome, Explorer and Chrome for Android but works in Firefox.
Cache is cleared.
If the slides are change from “Auto” to “full width” they work (but opens as full width).
Setting in accordion “start open” is set to “on” when saved even if it has been turned off. Same with “Link Items”. I am new to WordPress, but I do not recall that happened some week ago.

Thx in advance!

X-theme Icon 4.3
Revolution Slider 5.1.5
WP 4.4

Exampel:
http://acss.se.preview.space2u.com/forvaringsskap/

[RadModerator]

Hi there,

Thanks for posting in.

it’s due to container’s visibility. For a slider to work properly, its container should have a defined size (eg. width). But it’s not possible with a hidden container like tabs and accordion.

Please try adding this CSS at Admin > Appearance > Customizer > Custom > CSS :

 .accordion-body.collapse:not(.in) {
  display: block;
  height: 0px;
  overflow: hidden;
  padding:0;
  }

Hope this helps.

[hansahnParticipant]

Many thx, problem solved.

Happy New Year!

[RadModerator]

You’re welcome and Happy New year!

[hansahnParticipant]

HI again,
The problem occured again, probably in some update, as it effected two different sites with X-theme.
The CSS text as above is still in the “Global CSS”

X-theme Icon 4.4.2
Revolution Slider 5.2.5.1
WP 4.5.1

See: http://acss.se/forvaringsskap/

[JoaoModerator]

Hi There,

I have checked your website in different resolutions using Chrome and Firefox and I couldnt find anythying. Could you please be my specific and if possible provide a screen shot and also mention which device and browser you are using?

Thanks

Joao

[hansahnParticipant]

The problem “solves” it self when jumping between tabs, that might be the reason yu do not see it. Same behavior as alst time as well. Image as enclosed file.

[RadModerator]

Hi there,

How about we re-trigger the rendering functionality. Please add this code at Admin > Appearance > Customizer > Custom > Javascript

jQuery( function($) {

$('a.x-accordion-toggle').on('click', function() {

setTimeout ( function() { $(window).trigger('resize') }, 300 );

} );

} );

You may adjust the 300 value if you wish to change the re-render delay.

Thanks!

[hansahnParticipant]

Seams to be working.

Thanks!

[JoaoModerator]

You are welcome.

Let us know if you need further help.

Joao

[Author]

Posts