Issues on Startpage, desktop vs. mobile

Hey @pgwedding,

we want to help you on that. Your use case seems exactly like what we had in mind when building the background slider feature for gutenslider.

We had that problem of not displaying sliders once before, when the user had other slider plugins installed or, when the theme they were using did override the styles from gutenslider.

After investigating on your site. It seems that the image sources you are using are wrong. It is like:

https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://pg-wedding.de/wp-content/uploads/2020/01/Hero Shots/hochzeitsfotograf stuttgart, waiblingen, 1.jpg
https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://pg-wedding.de/wp-content/uploads/2020/01/Hero Shots/hochzeitsfotograf stuttgart, waiblingen, 2.jpg

Can you try the following:

1. disable all plugins but gutenslider and see if it works. (especially jetpack that lazy loads images as it seems)
2. try renaming the images, there are spaces and commata in it, maybe one plugin does not like that (not gutenslider ??

3. get back to us. It would be great to find out where the incompatibitilites are to fix them also for other users.

Hi @eedee,

thank you for replying that fast.

After disabling all plugins but Gutenslider I renamed the images and refreshed my page.

The difference I noticed was that the images were not blurry anymore.
However the mobile slider was shown on desktop although it is deactivated (I double checked).

I then re-activated each plugin one by one which showed that “editorskit – Gutenberg page building toolkit” by Jeffrey Carandang somehow forced low resolution images to be loaded.
So I will keep it deactivated at first and ultimately will delete it.

Besides that, hiding a Gutenslider still doesn’t work.

Maybe we can chat about it per mail. Please write to niklas at eedee.net . I do not exactly know how you try “hiding”, or “deactivating” a Gutenslider on mobile / desktop. The easiest version would be by css.

.your-specific-gutenslider-selector {
  display: none;
}

Are you doing that? Lets continue this conversation by mail please, as I guess that some more messages will be needed to solve the issue.

Thanks for the answer.

Before I was using the aforementioned “editorskit” because it adds some nice functions to Gutenberg and Gutenslider. But since we figured out that this plugin screws up the images, I am using a css class that does exactly what you just mentioned.

I will reach out to your on Sunday or Monday the latest because I am busy this weekend.

Thanks for your help and have a nice weekend.

@pgwedding Hi, I’m the creator of EditorsKit plugin. With regards to the issue, I’ve checked and the plugin seems to be working fine with both activated. Also, EditorsKit do not have any features to manipulate image source. I would love to check the issue, would you mind exporting the block and paste the code in here? Thanks!

@pgwedding,
we will include a setting to hide the block on specific screen sizes in the next version.

@phpbits,
can you please continue the discussion concerning your plugins in your support forum. Thanks.

@pgwedding,

i narrowed it down to jetpack lazy loading and created a support request for you. They officially say that lazy loading is not Wirkung with sliders.

https://www.ads-software.com/support/topic/jetpack-lazy-load-slick-plugin/#post-12525960

Turn it oft and See if it works.

Niklas

Closed, as this was an issue with filenames and other plugins.