ACF Fields not responsive

  • Resolved W★

    (@filmpuls)


    1 year, 4 months ago

    Hi,
    I have adapted a custom field called “video” for WP YouTube Lyte.

    Code to get url for Video form ACF in my template used to be:

    echoDivWithContent(“item2”, $row[“video”]);

    which I have changed it to:

    if (function_exists(‘lyte_preparse’)) {
    $lyte_output = lyte_preparse($row[“video”]);
    $lyte_output_cleaned = str_replace(‘httpv://www.youtube.com/watch?v=’, ”, $lyte_output);
    echo ‘
    ‘; echo $lyte_output_cleaned; echo ”;
    }

    Which works nicely and it seems like the lyte-preparse functions works. However, while the videos are responsive on other post outside ACF fields, they are not responsive here when emebedded in the custom fields.

    Any hint how to change this? CSS does not seem the right track?

    Best, K

    • This topic was modified 1 year, 4 months ago by W★.
    • This topic was modified 1 year, 4 months ago by W★.

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    what is default size you have LYTE set to on the settings page W* ?

    Thread Starter W★

    (@filmpuls)

    ?640X360 (YouTube-Standard für 16:9-Video)

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    try setting it to a bigger size maybe; LYTE is only responsive up until the width choosen.

    Thread Starter W★

    (@filmpuls)

    https://filmpuls.info/wordpress/wp-content/uploads/2023/10/screenshot.jpg

    not working – it seems like the image-container is absolute?

    Thread Starter W★

    (@filmpuls)

    not an elegant workaround, and somewhat still an issue because not working on mobile if the screen size is smaller thna 420px, but if I add to the customizer the CSS below and choose the smallest format (420X236 (Mini-16:9-Format) the preview image format is somewhat responsible

    .lyte-wrapper {
    width: auto!important;
    max-width: auto!important;
    }

    • This reply was modified 1 year, 4 months ago by W★.
    Plugin Author Optimizing Matters

    (@optimizingmatters)

    good you have a workaround, but one shouldn’t have to do that ??

    It looks like a conflict with the grid CSS; disabling display:grid on the gridcontainer in Firefox style editor makes the LYTE vid responsive again even with the width set to e.g. 1024px;

    View post on imgur.com

    Afraid I’m not enough of a CSS-wizard to provide you with a simple fix though :-/

    Thread Starter W★

    (@filmpuls)

    Interesting … – I will dive into this matter in a quiet moment. Nevertheless, this is another great plugin of yours! thx!

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    you’re welcome, feel free to leave a review of the plugin and support here! ??

    Thread Starter W★

    (@filmpuls)

    ? Regarding the grid: In my CSS definition for .gridcontainer, fixed sizes were specified for the columns (grid-template-columns: 120px 100px auto;) — which did affect responsiveness. Changing the column sizes in .gridcontainer to relative units like fr (or percentages) solved the problem. Thanks again for the tip about the grid container.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    ah, that really is an elegant solution, good job! ??

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘ACF Fields not responsive’ is closed to new replies.

Tags