-
Posts
-
On tablets, in portrait orientation, the social feeds (ie. Facebook and Twitter) are cut off on the right because their widths are specified in pixels. I thought to use this code in Custom CSS to make the adjustment, but need to know what to replace the ?????? with in the following. (Or, is there a way to make the FB and TW auto scale regardless of device and resolution?)
@media only screen and (min-width: 768px) and (max-width: 989px) {
.?????? {
width: 30%;
}
}Hi m,
I couldn’t see anything being cut off on the page you linked to, could you post a screenshot highlighting the issue please?
Thanks,
RikardHi!
Can u please sned us from here
http://quirktools.com/screenfly/a link, on which size do you notice the issue, so we can help you exactly?
Thanks a lotRegards,
BasilisHi,
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (min-width: 768px) and (max-width: 1024px) { #footer .av_one_fourth { width: 50% !important; } }Regards,
RikardThanks, tried it. It forces a single column, and each item is a different width so it looks really clunky. Not a good look unfortunately.
Hi,
Ok, could you post a screenshot of mockup of what you would like it to look like please?
Regards,
RikardI would like it to look the way it does now, but without cutting off the text in Twitter and Facebook feeds in iPad portrait. In all other devices and browsers that I’ve tested, they are not cut off. Here is your screen capture of how it is not cut off in iPad landscape.
Hi!
Looks like you’re not using the theme’s facebook likebox widget. Please replace it with the theme’s fb widget. The widget will automatically adapt to its parent container width.
Best regards,
IsmaelThank you! This resolves the Facebook issue. The Twitter issue is still a problem. The theme doesn’t seem to have a Twitter feed widget.
Twitter’s widget seems to have a minimum width of 180 pixels. Maybe that is why it’s content is cut off in iPad portrait view. Is it easy to make footer 1 and 2 display in one row, and then footer 3 and 4 in one row – only on iPad portrait resolution view?
Hey!
I’m sorry but we don’t provide support for third party plugins as stated on our support policy. Please contact the plugin author for additional info.
Cheers!
IsmaelIt’s the code direct from Twitter. If you do not recommend pasting in the code supplied by Twitter, what do you recommend that works with your theme?
- You must be logged in to reply to this topic.