Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 20, 2017 at 3:47 pm #879166
    farrows

    Hi,

    I am using the iframe function to display some pages however I am wondering if I can change the size of the overall iframe on both desktop and mobile?

    On Desktop the frame could be a big higher is there a way to set this?

    On mobile the frame is more or less good although you can drag left and right and the load position of the iframe is quite low in the window? It is possible to fix it so that you cant drag left and right and also set the frame position to a bit higher?

    The link is: http://roligt.fun/submotion/ – Click on a project like The Shoemakers Tale to see the iframe

    Thanks

    Will

    November 21, 2017 at 9:55 am #879586
    Victoria

    Hey Will,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

.mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
@media only screen and (max-width: 767px) {
  .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 21, 2017 at 12:45 pm #879688
    farrows

    Hello,

    Thanks for your reply, however its not quite had the desired effect as it seems to have magnified the iframe on desktop and made it smaller on mobile which wasn’t what I was trying to do.

    My aim on dektop is to make the actual iframe have greater height dimensions so it is more of a square then a horizontal lying rectangle – is this possible?

    On mobile I would like the actual position of the iframe to sit higher in the window – it currently opens about 1/3 of the way down the screen where it could do with being higher. The actual height of the iframe on mobile is good though. Is this possible again? I think its a change to a Y axis somewhere

    Thanks

    Will

    November 23, 2017 at 5:55 pm #880821
    Victoria

    Hi Will,

    You can play with the number in the code above and try to work out the value that works for you.

    Best regards,
    Victoria

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