Jump to content

Facebook Comment Plugin- Width not at 100% on Mobile

Recommended Posts

Site URL: https://www.nauti-bar.com/

I've injected the HTML code provided by Facebook to display comments on my page. I have data-width="100%", however the mobile version is not displaying the width at 100%. Does anyone know of a way to fix this problem? I've included my code below:

<div class="fb-comments" data-href="https://www.nauti-bar.com" data-width="100%" data-numposts="5" data-order-by="reverse_time"></div>

IMG_3558.jpg

Link to comment
  • Replies 5
  • Views 1.8k
  • Created
  • Last Reply

Top Posters In This Topic

20 hours ago, 71Visuals95 said:

Site URL: https://www.nauti-bar.com/

I've injected the HTML code provided by Facebook to display comments on my page. I have data-width="100%", however the mobile version is not displaying the width at 100%. Does anyone know of a way to fix this problem? I've included my code below:

<div class="fb-comments" data-href="https://www.nauti-bar.com" data-width="100%" data-numposts="5" data-order-by="reverse_time"></div>

IMG_3558.jpg

It looks like your issue has been solved. Is it ok at the moment?

image.png.ff0750ad4e46420845d88cab5df924c1.png

Edited by bangank36

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • 3 months later...
  • 1 year later...
  • 1 year later...

Anyone found a solution to this? Facebook comments looks fine on desktop but tablet and mobile have a bunch of white space on the right.

URL: https://artdomain.co/articles/the-curious-case-of-gustav-klimts-enigmatic-portrait-of-a-lady

This is the code I added to the Post Blog Item Code Injection space:

<div class="fb-comments" data-href="https://artdomain.co/blog{website.baseUrl}{permalink}" data-width="100%" data-numposts="5"></div>

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.