-
AuthorPosts
-
July 1, 2015 at 9:10 pm #467243
Hi there,
When I use prettyPhoto to display a video in enfold – on a desk top PC it displayed brilliantly.
On a mobile device – it is displayes the size of a thumbnail.
Do you have any idea why I can find some CSS to fix this problem. To make it the full width of the mobile screen?
The link is http://enfold.meditateinbrighton.com and when you click on “Bodhisattva KMC Video” at the top right. It’s a lightbox video.
Any help would be really appreciated. I’ve searched the web for solutions but haven’t managed to find one,
Best Wishes,
Chris.
July 3, 2015 at 1:27 pm #467972Hi kelsangchodor!
how did you implement the video? did you use a link like this?
<a href="http://vimeo.com/8245346" rel="prettyPhoto"><img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /></a>
Please add a class to it:
<a href="http://vimeo.com/8245346" rel="prettyPhoto" class="vimeo-mobile"><img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /></a>
Then you can call this class via CSS for mobile:
@media only screen and (max-device-width: 736px) { .vimeo-mobile { width: 150px; }}
Hope this helps.
Cheers!
AndyJuly 3, 2015 at 3:18 pm #468053Hi Andy,
I added it usng a custom link pointing to https://vimeo.com/87904682
Then in the: link Relationship (XFN) I used the paramter ‘prettyPhoto’
Can I give this a class? Is it not possible to do this for mobile phones using this method to play a video?
Best Wishes,
Chris.
July 3, 2015 at 3:19 pm #468055Also, I noticed that the video doesn’t play at all on a mobile (vimeo).
July 6, 2015 at 12:14 pm #468830Hey!
in your first post you said it’s displaying fine on mobile (as thumbnail size) and now it doesn’t display on mobile at all? what happened? which changes did your make? Please upgrade to Enfold v3.2.2.
Please provide us admin access, so we can take a closer look into the issue. Post login details here as private reply.
Regards,
AndyJuly 6, 2015 at 12:24 pm #468835Hi Andy,
The video plays perfectly on a desktop.
On mobile the video appears tiny and I wondered how to make it larger? As well as appearing tiny when you press the play icon the video doesn’t start.
The link is enfold.meditateinbrighton,com
Thanks for any help Andy. This is the last hurdle of our new website!
The link we want to use to open the video is at the top right called play’ Bodhisattva KMC video’. We are using Prettyphoto with XFN prettyPhoto in the custom link..
Best wishes
Chris.
July 7, 2015 at 11:48 am #469560Hi!
I think you forgot to include the username for login, right? Let us know when we can access your backend.
Regards,
AndyJuly 16, 2015 at 11:11 am #474158Hi Andy,
Details below,
Best Wishes,
Chris
- This reply was modified 9 years, 5 months ago by kelsangchodor.
July 17, 2015 at 7:55 am #474702Hi!
Did you change the URL of your page? The link in your first post seems to be down, I checked with http://downforeveryoneorjustme.com
Best regards,
RikardJuly 18, 2015 at 9:20 pm #475301Hi Rikard,
The website address is http://www.meditateinbrighton.com
Also, one quick other question – I increased the width of the submenu’s but the border line at the top of the submenu is still the same width as the original width and so there’s a gap in the top top right hand corner of the submenu box. Any ideas how to fix this?
Thanks so much for your help Rikard,
Best Wishes,
Chris.
July 21, 2015 at 11:50 am #476396Hey!
for you prettyPhoto lightbox it will be difficult to adjust the lightbox width, as it does not have a specific class or anything. However, try the code from this post: https://kriesi.at/support/topic/setting-prettyphoto-lightbox-width-when-using-inline-content/#post-197802
Not sure what you mean with your submenu. Can you show us screenshots of the changes you want to achieve? use imgur.com or dropbox.
Cheers!
Andy -
AuthorPosts
- You must be logged in to reply to this topic.