Hello, I am trying to embed a wakelet page into a page on aoec.ca. I am using the content element to paste the code into. The wakelet site itself shrinks when you look at it on mobile, but once I embed into AOEC page, it is no longer responsive. See page and code below. I’ve tried changing the width to various lower percentages and it still doesn’t work. When I open the page on mobile for a second it is the correct width but once the page loads completely, you can see that it spills off the page on the right side. Is it possible to fix this so it works on mobile as well?
Hi Rachel,
You used iFrame to embed the website and iFrames are not responsive. In general, it is not a good idea to add the whole other page as iFrame.
This is not related to our theme or the element that you used, if you add the code to the standard Wordpress editor you will get the same result. That is why it is not part of our support policy.
But to let you know where to start you can check this Google search on how to force an iFrame to be responsive.
Thank you.
Ah okay, understood. Thank you!
I’ve now created a post and hyperlinked the text, but when you go to the post it looks like it was embedded. How can I change this so it’s just a link to the other site?
https://aoec.ca/anti-racism-resources/
Hi Rachel,
Sorry but I don’t see the embedded area on that page, if you only want it to be a simple link, you can use the Button element and link it to the desired page.
Or if you want to hard code it, you can use the anchor HTML tag
e.g.
<a href="URL HERE" target="_blank">This is a link</a>
The target="_blank" property is to open the link in a new tab/window.
Cheers!
Thank you!
You are most welcome!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.