Sign in

Theme Mercury: cannot extend height of iframe

  • This topic has 7 replies, 3 voices, and was last updated 6 months, 1 week ago by .
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #5861
    Mathias

    Hi,

    I’m trying to add a contact form to my new website, which uses the theme Mercury (most recent version).

    The submit button is not displayed on certain screens, because the iframe is not tall enough (i removed some fields to make it less tall, which worked fine on laptop, but not on mobile device).

    I can’t seem to force the iframe to have a minimum height, eg. 1000 pixels, by adding height=”1000px” to the iframe-tag. Something seems to be overriding this setting, but I can’t figure out what it is.

    Can someone help me please?

    Mathias

    #5866
    endingmirage

    Have similar issues with iframes. Using Mercury theme too. In mobile versions bottom of iframe is being cut. Also, I can’t remove space after an iframe, which is really annoying. It seems like iframes are working ok for known code, like youtube, anything else acting strange

    #5876
    Bob

    Try to add the following class to the iframe: .post__iframe–1by1; it should help, if not, let me know.

    <iframe class="post__iframe post__iframe--1by1" ....

     

    --
    Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

    #5878
    Mathias

    Hi Bob,

    Thank you so much for your reply. Unfortunately, the solution does not have any effect. My code looks like this:

    (I’ll add the code as a picture)

    Mathias

    Attachments:
    #5882
    Bob

    Please provide with me the URL to this issue.

    --
    Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

    #5883
    Mathias
    This reply has been set as private.
    #5884
    Bob

    Publii automaticly adds a container with a post__iframe class around the iframe, this iframe is styled by CSS rules to be responsive (keeping the aspect ratio), it works in most cases, such as Youtube, Vimeo movies.
    I think we need to rebuild it and add aspect management for iframes in the editor interface.
    Right now, I see only the following solution:

    Add via CSS tool:

    .post__iframe::before {
    padding-top: 0;
    }
    .post__iframe > iframe {
    position: relative;
    }

    Please note that these changes are global and may affect your videos.

    --
    Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

    #5885
    Mathias

    Dear Bob,

    Thanks for your kind help!

    You’re right: the contact form is now fixed, but now my embedded youtube video is very small. I already changed the iframe as follows, but there seems to be no effect:

    <p><iframe width=”560″ height=”1000″ class=”post__iframe post__iframe–1by1″ src=”https://www.youtube.com/embed/eRQc9seL6Cc&#8221; title=”YouTube video player” frameborder=”0″ allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture” allowfullscreen=”allowfullscreen”></iframe></p>

    How can I solve this?

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