Viewing Facebook widget for mobile
Facebook widget for mobile
|
User: Christopher 11 years ago
|
|
|
Thanks to the Inspector tip, I know what my next problem is. The FB like widget – button count, share enabled, no faces – is 300px wide, regardless of what I set my html parameters for. It's default setting is 90px wide x 20px high. It spills over the right edge of my mobile page reducing the overall dimensions of the page when published. Here's my link. ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Jumbo T. 11 years ago
|
|
|
Set the width of the facebook iframe to 200px, as in this style. style="border:none; overflow:hidden; height:20px; width: 200px;" To prevent all objects on a page overflowing the width of the page, add this to the head code box of the page or the Site. <style> div.container { overflow: hidden; } </style> If you already have custom styles there, add the style to it without the <style></style>. |
|
|
✔ Best Answer
|
|
|
User: Christopher 11 years ago
|
|
|
The widget dimensions are set at 300px and can't be changed. So I added the overflow:hidden code to the head code site box and it worked like a charm. Thank you sir! Paul and team - take note. ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Christopher 11 years ago
|
|
|
Me again. I just discovered the same problem on my desktop site when viewed on an iPad. Roddy's mantra "Test, test, test!" could not be truer. Because on a laptop or desktop monitor the problem is not noticeable. So, I assume I can add the same code to my desktop site to resolve this issue. But it makes me wonder why overflow: hidden is not just added by default. Or whether there could be a fix with the FB widget.
------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Roddy 11 years ago
|
|
|
Quote: But it makes me wonder why overflow: hidden is not just added by default. It is but it doesn't have any effective when the code is added to EverWeb because the parent div overflows. Adding a general rule to hide overflow is not a brilliant idea. The problem should be tackled at the source. I have sent you a modified widget. It's named "Facebook Button" so that you won't confuse it with the original. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
| Post Reply |
| You must login or signup to post. |