[inatroyaParticipant]

I’ve tried multiple combinations and methods to get this code embedded in my site (www.salesorder.com) – I basically want the slide set and it’s controls to show above the fold.

<iframe src=”https://docs.google.com/presentation/d/1oYHZm6XoCf8siw_ObH7zhyoSaqQgTSoJdVOHtz6X-og/embed?start=false&loop=false&delayms=3000″ frameborder=”0″ width=”800″ height=”479″ allowfullscreen=”true” mozallowfullscreen=”true” webkitallowfullscreen=”true”></iframe>

I’ve tried different embed placeholders and varying the dimensions of the slides from the google slides controls.The results are varied from the fixed header getting disrupted to the slides bloating the screen. I don’t want to switch to a slider like revolution as I need the slides to show up on mobile nicely.

Lte me know what I can do to help with finding a fix

Thanks

Nick

[LelyModerator]

Hi Nick,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL where you add the code and how you want it to display. Please note that iframe is not responsive by default. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[inatroyaParticipant]

Hi,

“I basically want the slide set and it’s controls to show above the fold.” at “Salesorder.com” – In other words on a page I have yet to create (as I have done this and nothing I try works)……

I thought I had already said the above…

Google Slides appear to be responsive – try it.

Hope this is clearer

Nick

[JoaoModerator]

Hi Nick

Please paste the code below to a RAW Code Element in Cornerstone

<iframe src="https://docs.google.com/presentation/d/1oYHZm6XoCf8siw_ObH7zhyoSaqQgTSoJdVOHtz6X-og/embed?start=false&loop=false&delayms=3000" frameborder="0" width="800" height="479" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

Hope it helps

Joao

[inatroyaParticipant]

Hey,

Thanks!

It kind of works – see this video https://www.screencast.com/t/8TTemFte

Basically I’ve divided the page into 1/6 + 2/3 + 1/6 to center the iframe. It almost works in as much as when the page is at rest it right justifies the frame and when I scroll it centers it.

Help?

Cheers

Nick

[JoaoModerator]

Hi Nick,

In your place I would not use 1/6 + 2/3 + 1/6

I would try using 1/1 and adding 15% margin left and right to the row or column where you element is placed.

If that does not work, please provide the specific URL where you are applying it with your wp admin credentials so we can take a closer look, because I did not quite get why the slider is moving when scrolling just from watching the video.

Cheers

[inatroyaParticipant]

Hey there,

I’ve given up on this one and used Rev. Slider.

Thanks for your help

Nick

[JoaoModerator]

You are welcome Nick,

Let us know if we an help with anything else.

Cheers

[Author]

Posts