Image Slider block displays off-canvas in Firefox

This support ticket is created 3 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	7:00 – 14:00	7:00 – 14:00	7:00 – 14:00	7:00 – 14:00	7:00 – 14:00	-
-	15:00 – 16:00	15:00 – 16:00	15:00 – 16:00	15:00 – 16:00	15:00 – 16:00	-

Supporter timezone: Europe/London (GMT+00:00)

This topic contains 1 reply, has 2 voices.

Last updated by - 3 years ago.

Assisted by: Nigel.

Author

Posts

November 9, 2023 at 10:52 am #2662587

winyS

For this custom post I have created a Content Template with an Image Slider block.

hidden link
(login: lvgo2023)

On the frontend, it looks great in Chrome. In Firefox, the slider is displayed off-canvas. (see screenshots)

Can you help me resolve this? Many thanks.

November 9, 2023 at 2:00 pm #2662669

Nigel

Hi there

I can see the problem on your site, and examining the page source in Firefox I can see that the problem arises because the width is not set correctly on the slider container (it is calculated by JavaScript, and for some reason it is being calculated incorrectly).

I have tried to reproduce the problem on my own test site, but cannot, so it appears to be something particular to your site.

As this is a staging site, is it possible to check the issue when all non-Toolset plugins are disabled and the theme is switched to a default theme like twentytwentyone?

Does the problem still occur? If not, it should be possible to infer the source of any conflict by a process of elimination.

Please let me know what you find.

December 6, 2023 at 11:42 am #2671321

winyS

I have resolved it with a single line of CSS:

/* image slider in Firefox */
.glide__track {overflow: visible !important;}