• Resolved mcaravaglia

    (@mcaravaglia)


    I have a WordPress Theme called X-Pro from ThemeCo. Soliloquy Slider is an add-on to the Theme and as such, does not have a unique Soliloquy license. I assume this disqualifies me for any support from Soliloquy?

    At any rate, I created a simple 5-slide carousel and used the short code to display the slider. No matter what settings I use, I get the slider at the top, and then below that is all 5 images sitting one on top of the other as a vertical list of still images. It makes no sense to me.

    Please note, the link I provided only shows the slider on a mobile display, as there are different views for Desktop vs Mobile displays. Also, it takes a long time before the sliding portion of the display at the top appears. A full 15 seconds, or so.

    UPDATE:
    Issue resolved. Disabling Jetpack fixed the issue. There must be a bug/conflict with Jetpack. It’d be nice if this were resolved, as I like to keep Jetpack on my sites.

    • This topic was modified 1 year, 8 months ago by mcaravaglia.
    • This topic was modified 1 year, 8 months ago by mcaravaglia.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi @mcaravaglia

    I apologize for the delay here. This is most likely due to a conflict with Jetpacks lazy load feature, specifically. I know you mentioned you’ve disabled Jetpack completely, but, you should be able to simply disable the lazy loading setting within Jetpack, and that will allow the slider to render correctly.

    Please let me know if this helps!

    Thread Starter mcaravaglia

    (@mcaravaglia)

    Thanks B Milligan, helpful indeed. I do have another question, if I may.

    In the slider configuration settings, you can set the H/W for the slider. This works well, but for the instance I am using the slider, I need to always have it so the height is held to 100% of the image size and the width of the image be cropped, depending on the viewport width of the device it is being viewed with. The reason for this, is the slider is being used as a full background display on mobile devices.

    If you go to https://atelierro.com/home-page (you must use the /home-page in the url, as this is a test page) on a mobile device, you will see the slider in action. I set the slider dimensions to 834 x 1112 for the largest mobile viewport, an iPad Pro and it renders fine on that device. However, if you view it on any mobile device, less than 834px wide, (which is virtually all mobile devices (with the exception of iPad Pro) you will see that the slider holds the width at 100% and let’s the height fall short. I need the exact opposite and need the height to always fill the viewport and the width to crop. Is there any way to achieve this?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Installation with ThemeCo’ is closed to new replies.