[Kevin LParticipant]

Hello,

When viewing http://meetcollectively.com/ in mobile in portrait, a part of the iframe is cut off.

My attempts to change the iframe’s width were seemingly thwarted.

Any ideas?

Cheers,
Kevin.

[Paul RModerator]

Hi Kevin,

Thanks for writing in.

Looks fine from here.
Can you provide a screenshot of how it looks from your end.

[Kevin LParticipant]

Oops! I meant to link http://meetcollectively.com/join

[Kevin LParticipant]

Here’s a mobile screenshot in portrait. The right side is cut off. http://imgur.com/BQSju25

[Paul RModerator]

Hi Kevin,

Thank you for the screenshot.

Can you try the code below.

You can add this under Custom > CSS in the Customizer.

.ss-form-container {
   min-width: 220px !important;
}

[Kevin LParticipant]

Hello,

That didn’t work. I don’t think that I’m able to change a style within the iframe anyway.
I’ve left the custom css applied so you could see the results.

Cheers,
Kevin.

[ChristopherModerator]

Hi there,

Can you provide us with the exact URL of page containing iframe so we can look at it one more time?

Thank you.

[Kevin LParticipant]

It’s https://docs.google.com/forms/d/1QDrhIesLmSY8IjJcWkJe0mIijbCt5B9p9Fc3kei3M1Q/viewform.
I have a feeling that this is an issue with Google Docs instead now.

[ChristopherModerator]

Hi there,

I meant the URL of Page in your own website that you already added the ifram .

Thank you.

[Kevin LParticipant]

The URL is the same as before: http://meetcollectively.com/join.

[ZeshanMember]

Hi Kevin,

Thank you for writing in!

The reason is that the height of the iframe is smaller than the content inside it, that’s why it’s enabled the vertical scrollable in your iframe content. However you can increase the height of the iframe on smaller devices by adding the following CSS code under Custom > CSS in the Customizer:

@media (max-width: 400px) {
   .page-id-6732 .wpb_wrapper iframe {
      height: 3050px;
   }
}

Hope this helps. 🙂

Thank you.

[Kevin LParticipant]

Thanks for the code, but that didn’t solve my problem. As in this screenshot, http://imgur.com/BQSju25, the right side of the iframe is cut off in mobile in Portrait view.

[ZeshanMember]

Hi Kevin,

Thank you for writing in!

We’re sorry for the confusion, it seems that the sections in your iframe is having fixed width that unfortunately can’t be override from your website. It can only be overridden from the original website. Regretfully, we can’t do much in this case.

Thanks!

[Author]

Posts