Prestashop 1.7.6.1 Facebook box not showing on mobile devices

[melkij22]

Hello,

I made group like box in https://developers.facebook.com

Added to footer.tpl code .

On PC a see facebook group etc. everything is ok. What I need to do now so that fb group also be on mobile?

As i know I need to edit custom.css in template, but don't know, what to write there

[melkij22]

as I understood, it's ( facebook like group ) not showing in chrome on mobile phones.

[NordicDesigner]

Сheck if the Facebook Like Box iframe has a width and height set. Make sure they are set to responsive values like 100% for width. If not, try adding this to your custom.css:

.fb_iframe_widget iframe {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

This should help the iframe adapt to smaller screens.

[melkij22]

2 hours ago, NordicDesigner said:

Сheck if the Facebook Like Box iframe has a width and height set. Make sure they are set to responsive values like 100% for width. If not, try adding this to your custom.css:

.fb_iframe_widget iframe {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

This should help the iframe adapt to smaller screens.

add your suggested code to custom.css, still no luck

[NordicDesigner]

On 12/6/2024 at 4:10 PM, melkij22 said:

add your suggested code to custom.css, still no luck

Hi! Check if the Facebook iframe is wrapped in a container. If yes, ensure the container is responsive. Add this to your custom.css:

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

Also, make sure the parent container isn’t restricted by overflow:hidden or fixed dimensions.

[ST-THEMES]

Hi,

Is it possible to provider  your site URL so we can take a look at the problem?

Best regards.