Public Forums 71,145 posts

[alexio Friend alexioJoin date: August 2014Posts: 19Downloads:11Uploads:4 Thanks: 3]

#1012816

Having a problem on smaller screens: the video content in the popup is off screen. (as shown in the attached image). Try the Georgia state to see…

Is there a way to center ALL video popups on whatever screen? Maybe in a lightbox?

The url: http://soilcarboncowboys.com/

Thanks in advance

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1013005

Hi,

You can use this css rule:

@media (max-width: 480px) {
 .japopover.japopmedia.touchdv.light.popover {
    width: 100% !important;
 }
}

If you template supports place that holds the custom css file, pls put it there.

Regards

[alexio Friend alexioJoin date: August 2014Posts: 19Downloads:11Uploads:4 Thanks: 3]

#1013035

I’m using YooTheme Pro template, and have tried putting the css in the space alloted (Settings > Custom code). Refreshed browser(s) etc – it doesn’t work.

I also have tried making a ‘child theme’ and putting the css rule in the custom.css file. Refresh browser(s), etc. and it doesn’t work.

Here’s the link in case it helps: http://soilcarboncowboys.com/
Thanx for looking into this… 😉

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1013224

Hi,

I checked in my mobile device and it looks good (screenshot).

Could you check again?

---

Attachments:

1. 

[alexio Friend alexioJoin date: August 2014Posts: 19Downloads:11Uploads:4 Thanks: 3]

#1013233

Thanks Saguaros….. yes, it works beautifully on mobile!!! It centers the video perfectly in a lightbox
You Rock!!! .

But what i meant by ‘smaller screens’ was on desktop ….

I also just checked tablet and it’s going off screen there too……

Check it and you’ll see what i mean…..

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1013338

Hi,

Could you attach some screen shots highlighting the issue in tablet?

[alexio Friend alexioJoin date: August 2014Posts: 19Downloads:11Uploads:4 Thanks: 3]

#1013437

It’s the same as on the desktop when browser window is not wide enough. (see image above 😉

Here’s the screenshot on the iPad:

---

Attachments:

1. 

[Mo0nlight Moderator Mo0nlightJoin date: September 2014Posts: 707Downloads:38Uploads:107 Thanked: 99 times in 97 posts]

#1013873

Hi,

I’m checking this, give me a bit more time.

Regards

[Mo0nlight Moderator Mo0nlightJoin date: September 2014Posts: 707Downloads:38Uploads:107 Thanked: 99 times in 97 posts]

#1014606

Hi.

Replace this file to location:
modules/mod_jaimagehotspot/assets/js/script.js

---

Attachments:

1. script.js_.zip

[Newpo Friend NewpoJoin date: February 2017Posts: 2Downloads:1Uploads:2]

#1014664

I have sort of the same problem. Popupbox is partly outside the screen

Popupbox is only at the top. When the icon is in the top en of the screen, then the popupbox is partly outside the screen. I had a programmer fix this in the old version of JA Hotspot byt same in the new version.

Where do I change it to show the popupbox only at the bottom of the icon. That would solve it for me.

Great program

Ken

---

Attachments:

1. 

[Author]

Posts