the videos are not resizing on phones?

Hi can you share your URL so that I can test in my mobile phone.

Thank you

https://moongazingstory.com/visualaudiobook/

??
Thank You

Hi I just tested this on my smartphone. Yes you are correct when you click on the video to enlarge it will overlap the whole screen. I suspect this is caused by either your theme or if you are using a responsive plugin.

hmmmm… so is there any custom css I can add to make it not do that?

You can try the following test just to prove if my theory is correct. Test one of WordPress default themes like Twenty Fifteen.

Is your theme responsive or are you using a plugin?

Yes, my theme is responsive.
(https://themeforest.net/item/novela-book-landing-reading-theme/9380450)

I don’t want to switch to a default theme though… I have lost settings before when I did that, don’t want to mess anything up ;|

maybe there is a way to turn off the full screen icon that shows up as a part of the light box for screens smaller than 768 ?
If people do not hit that icon then it just plays by itself and fills the screen properly.
Just thinking that people will hit the icon if it is there as the light box looks tiny at first

maybe there is a way to turn off the full screen icon that shows up as a part of the light box for screens smaller than 768 ?
If people do not hit that icon then it just plays by itself and fills the screen properly.
Just thinking that people will hit the icon if it is there as the light box looks tiny at first

oops, sorry that posted twice

I just carried out a test in my testing environment. You can click on the following URL. Please view it in your mobile phone. This is using WordPress Twenty Fifteen theme. You can see that the video opens up correctly. This confirms my theory about the issue being with your theme and not the plugin.

Yes, totally understand that it is a responsive issue, BUT most sites are going responsive now.
So perhaps there is some custom CSS we could use to disable the
lightbox icon for full screen that comes up – just on the phones?

Have you tried to contact your theme developers?

I haven’t, because I figure to change the styling for the plugin…
I would need the name of the CSS class or a short code from you the plugin maker…

is there a .class name or a short code for that full screen icon?
so I could say something like
[full screen icon :false]
OR
@media only screen and (max-width: 480px){
.fullscreenicon {
and put the styling here for no icon
}

Thanks ??

The class is pp_expand and the CSS code you need to use is display:none;.

Good luck

Well I tried that in a couple variations, when I do get it to work – it makes it so nothing pops up which obviously won’t work.
Thanks so much for you help.
I guess I just need to find a plugin that works with responsive design.
Take care.