LOAD A WORDPRESS PAGE INTO A DIV

Is there any way to embed my Geocraft or wordpress web into a div of my HTML page? Using jquery for example? I need to insert my wordpress page into a div in the main html page

And insert specific divs ?

THANKS!!!!!

 

Hello,

You can achieve it with the help of code given below.
Just add your page address in it.

Code:

<div style="margin: 0 auto; width:100%; height:400px;">
    <object type="text/html" data="**URL to page**"
            style="width:100%; height:100%; margin:1%;">
    </object>
</div>

 

Any way to display the div on mobile devices also??

I try this code but in my screen appears 2 vertical scrolls and the height is not fullscreen .(

 

Hello,

Code contain height tag you can increase it from there.
I think this code will work for mobile devices too but it depends on where you are adding it.
Please provide your page link. Then only i can check your issue.

 

Thanks! My link is

http://www.tuguiaencastellon.es/link/


But i want to see the wordpress div and the navbar with full height

My code is:

<div style="margin: 0 auto; width:98%; height:400px;">
<object type="text/html" data="http://www.tuguiaencastellon.es/negociosyservicios/"
style="width:100%; height:100%; margin:1%;">
</object>



(i set 98% because I didnt see the vertical scroll)

How can I do to set full height automatically in each screen size? (Responsive design)



THANKS!

 

Hello,

Remove old code and paste code given below.

Code:

 <div class="inside">
<object type="text/html" data="http://www.tuguiaencastellon.es/negociosyservicios/"
style="width:100%; height:100%; margin:1%;">
</object></div>

After that paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.inside{
margin: 0 auto;
width:98%;
height:1200px;
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
.inside{
height:1200px;
}}
@media only screen and (min-width: 459px) and (max-width: 760px) {
.inside{
height:1200px;
}}
@media only screen and (max-width: 459px) {
.inside{
height:1200px;
}}

Your main theme contain code for multiple media screen. I have picked three media codes from there. This will make the trick. If not then use other media codes and try them.