Lightweight Social Icons not showing up on Desktop version

[Kamal]

Hi!

I’m using the latest version of GP Premium.

I installed Autoptimize Plugin today on my blog and configured it as per the suggestions provided here.

After activating Autoptimize the Lightweight Social Icons stopped showing up on Desktop. However, it shows up on mobile version. On desktop the icons just disappeared completely leaving a white space below “Connect With Us”.

If I deactivate Autoptimize Plugin the Lightweight Social Icons start showing up again on Desktop version of my blog.

Kindly help.

[David]

Hi there,

can you disable autoptimize – so i can take a closer look

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kamal]

Hello,

I’m sorry, I forgot to deactivate it.

I have now deactivated Autoptimize Plugin for your reference.

[Leo]

Not seeing anything obvious that’s conflicting.

Can you try using the suggested settings for Autopimize here?
https://generatepress.com/fastest-wordpress-theme/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kamal]

Hi Leo,

Thanks for the reply.

I have done the settings as suggested in the above article.

You will be able to see the conflict if I activate Autoptimize plugin. The Lightweight Social Icons disappear in Desktop mode whereas it shows up in Mobile version.

Shall I activate it for you to check?

[Leo]

Hmm I just tried activating Autopimize and LSI but couldn’t replicate the issue.

Does the error happen if you only keep Autopimize and LSI activated and deactivate everything else?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kamal]

I have tried deactivating every plugin except LSI and Autoptimize and the problem still persist.

It starts working properly as soon as I deactivate Autoptimize.

Here are the screenshots:

Autoptimize Not Active and Active:

View post on imgur.com

[David]

In Customizer > Additional CSS you’re missing a closing }

At the very end of the file you will see these lines:

.author-description {
	text-align: left;
}

/* Author Box CSS End	 */

Insert another } like so:

.author-description {
      text-align: left;
    }
}
/* Author Box CSS End	 */

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kamal]

Dear David,

Thank you so much.

I was thinking their’s an issue with plugin compatibility. In the meantime I forgot to check the CSS.

Thanks once again.

[David]

Glad to be of help.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts