mobile version shows facebook comments box under video on homepage

[Ohad]

how do i remove the facebook comments box from under the homepage video on the mobile version of my site?

[David]

Hi there,

Elementor provides Visibility controls – see this article under the Visibility heading:

https://docs.elementor.com/article/68-mobile-editing

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

[Ohad]

that didn’t help since facebook comments does not appear under visibility controls or anywhere else when configuring. it only appears when viewing on mobile.

[Tom]

Try this CSS:

@media (max-width: 768px) {
    .elementor-element-65fdbd7 {
        display: none;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Ohad]

that did it, thanx! wish there was a more intuitive way of doing it though

[Tom]

Might be worth mentioning to Elementor.

Glad I could help!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Ohad]

so now the fb comment box is not only back but appearing on the desktop version too. plus it’s dinging my gtmetrix score. is there a way to remove it altogether from the theme? i don’t need it.

[David]

Its not part of the Theme 🙂
Simply edit your Home Page in Elementor – select the FB Comments widget and delete it.

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

[Author]

Posts