Description: We added a YouTube video to our page. It looks fine on desktop but on mobile, the video becomes truncated. How can we make the video responsive?
Answer: Add the following code to the end of the YouTube embed code: style="max-width: 100%;" as seen on step 3.
Follow the steps below to to make your video responsive using the text editor in CMS:
- Click Disable visual editor
- Highlight the component row then click the Edit Component icon
- In the Embed Content Item window, add the following code after "allowfullscreen": style="max-width: 100%;"
- Click OK
- Click Enable visual editor to return back to the visual editor (WYSIWYG) screen (optional)
- Click Save
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article