Docs

[kprzita]

hello,

I’m currently using the visibility tags to load iframes based on the device type, the issue is that on the ipad the visible tag doesn’t work at it loads the desktop version and not the mobile version that I have set.

any help? running the latest versions of the plugins

As such I’m using the below:

[visibility type=”visible-desktop” id=”” class=”” style=””]

<iframe src=”http://203.206.210.183:81/bookinggateway&#8221; width=”600″ height=”700″ scrolling=”no”></iframe>

[/visibility]

[visibility type=”hidden-desktop” id=”” class=”” style=””]

<iframe src=”http://203.206.210.183:81/bookinggateway/mobile&#8221; width=”600″ height=”700″ scrolling=”yes”></iframe>

[/visibility]

[kprzita]

I’ll also add to this.

When I turn the ipad landscape it shows the desktop and portrait (upright), it should show mobile for both landscape and portrait

[Lely]

Hi There,

Please try to update above code to this:

[x_visibility type="visible-desktop" id="" class="" style="border:thin solid blue;"]

<iframe src="http://203.206.210.183:81/bookinggateway" width="600" height="700" scrolling="no"></iframe>

[/x_visibility]

[x_visibility type="visible-tablet" id="" class="" style="border:thin solid green;"]

<iframe src="http://203.206.210.183:81/bookinggateway/mobile" width="600" height="700" scrolling="yes"></iframe>

[/x_visibility]

[x_visibility type="visible-phone" id="" class="" style="border:thin solid red;"]

<iframe src="http://203.206.210.183:81/bookinggateway/mobile" width="600" height="700" scrolling="yes"></iframe>

[/x_visibility]

Hope this helps.

[kprzita]

Hi,

No it isn’t working on the iPad in landscape it is showing the blue border aka desktop when I change to portrait on the ipad it changes to the green border aka mobile.

Mind having a look on my site?

[Christopher]

Hi there,

Is this the site in question ?

Podiatrist Sydney – Home

Please provide us with URL of page where we added visibility shortcodes.

Thanks.

[kprzita]

Book Online

I have used the following codes as I want the mobile and tablet to use the same page.

[x_visibility type=”visible-desktop” id=”” class=”” style=”border:thin solid blue;”]

<iframe src=”http://203.206.210.183:81/bookinggateway&#8221; width=”600″ height=”700″ scrolling=”no”></iframe>

[/x_visibility]

[x_visibility type=”hidden-desktop” id=”” class=”” style=”border:thin solid green;”]

<iframe src=”http://203.206.210.183:81/bookinggateway/mobile&#8221; width=”600″ height=”700″ scrolling=”yes”></iframe>

[/x_visibility]

[kprzita]

This reply has been marked as private.

[Christopher]

Hi there,

It requires email as user name.

Thanks.

[kprzita]

This reply has been marked as private.

[kprzita]

This reply has been marked as private.

[kprzita]

This issue is only occuring on the ipad when you goto landscape otherwise as portrait it works…

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
.x-visible-desktop {
    display: none !important;
}
x-hidden-desktop {
    display: inherit !important;
}
}

Hope that helps.

[kprzita]

Chris,

This isn’t working.

On the iPad in landscape it is showing the desktop version I have used the border colors to identify if it is working or not and it is not.

I went to edit page > customise > custom > css

added your code and it still does the same

iPad: Landscape – shows desktop, portrait – shows mobile.

I want the landscape and portrait of the ipad to show both mobile.

[Christopher]

Hi there,

Please clear cache on your site and your device, then check the page again.

Thanks.

[kprzita]

I have done this and now the ipad in landscape is not showing the login system but only when I tilt it to portrait it shows the mobile..

[Author]

Posts