Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 21, 2018 at 3:36 pm #1012808
    nonne

    Hi Enfold Team

    I want to use a few iframes on a new client website. Works ok on pc etc but on mobile the iframe is way to small – should be at least 2x height of what it is. Please ref. to screenimg. in private content.

    I hope you can supply me with at little css to adjust the size of the iframe.

    Thanks in advance

    September 24, 2018 at 5:07 am #1013476
    Ismael

    Hey Carsten,

    Thank you for using Enfold.

    What is the url of the site? I tried the link from the screenshot but that site doesn’t exist.

    Best regards,
    Ismael

    September 24, 2018 at 9:33 am #1013523
    nonne

    Hey Ismael

    Thanks for getting back to me.

    Please find login data etc in private content…

    – however, the issue described is not specific for this webpage, it is a general issue for all the sites, I have build with Enfold, so I figured there would be a css code to adjust the size of iframes.

    Thanks for looking into it :-)
    Best regards

    September 24, 2018 at 7:18 pm #1013764
    Victoria

    Hi nonne,

    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

    
@media only screen and (max-width:479px){
    .mfp-iframe-scaler {
        height: 70vh;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 24, 2018 at 8:51 pm #1013840
    nonne

    Hi Victoria

    Thanks, that works :-)

    One more thing: How do i remove the previous / next arrows that shows up with the iFrames?

    Thanks in advance

    September 24, 2018 at 11:21 pm #1013892
    Jordan Shannon

    Hi,

    The test page password above is not working for me.

    Best regards,
    Jordan Shannon

    September 25, 2018 at 5:52 am #1013989
    nonne

    Hi Jordan
    I think you might have mixed info about wp-login with password for the actual page (password protected) in private content.earlier provided.

    What I am looking for is a css to hide the arrows “next” and “previous”

    Thanks

    • This reply was modified 6 years, 2 months ago by nonne.
    September 25, 2018 at 8:41 am #1014036
    Rikard

    Hi,

    Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

    .mfp-arrow {
 display:none;
}

    Best regards,
    Rikard

    September 25, 2018 at 9:31 am #1014070
    nonne

    Hi Rikard
    Thanks for getting back to me – however this css does not seem to have any effect. I did clear cache etc… Any other suggestions?
    Best regards

    September 25, 2018 at 10:43 am #1014110
    Rikard

    Hi,

    Please try this instead:

    .mfp-arrow {
  display:none !important;
}

    Best regards,
    Rikard

    September 25, 2018 at 10:57 am #1014120
    nonne

    Thanks Rikard – that did the job :-)

    Best regards

    September 25, 2018 at 4:08 pm #1014257
    Victoria

    Hi nonne,

    Glad we could help :)

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

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