[Resolved] Difficulty responsively resizing a video within blog posts

Home Forums Support Difficulty responsively resizing a video within blog posts

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1320877
    Michael

    Hi guys,

    I hope you are well. For reason I can’t see, youtube embeds in my blog posts are not sizing responsively on mobile. For example:

    https://reclaimdesign.org/diy-trellis-ideas

    I spoke to the developer of the youtube lazy load plugin that I’m using, and he said it takes the width from the parent node, but as far as I can see the parent node is:

    <table class="text">

    Which has a width of 100% set in the CSS:

    table.text {
    	border-collapse: collapse;
    	border-spacing: 0;
    	border-width: 0;
    	margin: 0;
    	padding: 0;
    	width: 100%;
    }

    Please can you help me identify what I am missing? Thanks very much for your assistance.

    Michael.

    #1320987
    David
    Staff
    Customer Support

    Hi there,

    Try adding the Video Embed outside of the Table HTML.

    #1321095
    Michael

    You’re absolutely right David – it displays responsively outside the table. Bizarre. Thank you very much.

    #1321108
    David
    Staff
    Customer Support

    HTML Tables are just not responsive without a lot of extra code.
    Best to avoid them wherever possible.

    Glad to be of help

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.