[Support request] My blog appears on desktop but not on mobile

[Caro]

Hello — my blog page appears on desktop but not on mobile — on Chrome or Safari.

Please could you let me know what I’m doing wrong? I’m using an iPhone 12

[Ying]

Hi Caro,

Your blog page doesn’t show on my desktop as well, it’s because you have this CSS in your site which sets the entire posts area to transparent.
https://www.screencast.com/t/VxpH8ZkDxgZ

Try clear cache and disable your cache plugin to see if it works.

[Caro]

Hello Ying! YES! I disabled the Autoptimize plug-in and it works!! You’re so clever.

Why would it be adding the code? I use it on my own site and it doesn’t do that?

Is there any way I can keep Autoptimize but overide the CSS? I added this into the Additional CSS but it hasn’t worked:

.load-more.are-images-unloaded, .masonry-container.are-images-unloaded, .masonry-enabled #nav-below {
/* opacity: 100%; */
}

Is there any way round it?

[Ying]

I think it’s not because of the CSS itself, but the cache plugin stops JS from loading.

You can try configuring the cache plugin following this instruction:
https://docs.generatepress.com/article/configuring-autoptimize/

Let me know if it works 🙂

[Caro]

Hello! I’ve implemented the changes shown in the document but it’s hasn’t worked. The blog is still hidden ~ but and now my sololiquy sliders have changed to three images stacked one on top of another, instead of in the slider.

What else can I do?

[Ying]

Could you clear cache and disable the cache plugin so I can see where the code is coming from?

[Caro]

Hiya — sorry — I think we’re about 8 hours ahead here!! 🙂 I’ve disabled the plugin now and cleared the cache.

It would be great to get a fix — I’m using Autoptomize on my own site (a different theme) — with the same settings. It really makes a difference to the speed.

[David]

Hi there,

what other Cache Plugins are you using ? As i see you sites styles and JS files have been combined and cached ?

[Caro]

Hi David, I’m using a combination of Autoptimize and PageSpeed Ninja

[David]

I am not familiar with Page Speed Ninja – does it also provide options to combine/minify CSS/JS/HTML ?
If it does then you should NOT apply those options in both plugins.

[Caro]

Hi David, I use both on my site, which is on a Genesis theme, and haven’t come across this issue before. It’s very strange.

I’ve reactivated Autoptimize and disabled the minify features for CSS/JS/HTML in PageSpeed Ninja.

As it’s added a little to the speed, I wondered if there were any elements that could be switched back on, that wouldn’t clash?

I’ve just taken screen shots so you can seen all the settings. Please would you have a look and let me know what you think? 🙂

https://www.screencast.com/t/URdb9ppqjo

[David]

You really shouldn’t have or need two plugins doing the same job.
In general using just a single plugin can cause ‘strange’ issues – as those plugins are changing the original code and combining them which can lead to incorrect loading order or broken codes. If you use 2 x plugins you just increase the chances of something going wrong. It may work perfectly fine on one site, but not another as different code is being loaded.

As the issue looks to be JS related, i would suggest disabling the JS options one by one to see which one is causing the problem.

[Caro]

Thanks so much — I really appreciate your time and advice! Yes — I agree, re overlapping on plug-ins.

I was told by a colleague to add both though — and it definitely does increase speed! I wish I was techy enough to understand what they’re both doing though!! I’ll definitely do as you’ve suggested. Thanks so much again for your great service.

[David]

You’re welcome

[Author]

Posts