Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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.

    #467972

    Hi 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!
    Andy

    #468053

    Hi 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.

    #468055

    Also, I noticed that the video doesn’t play at all on a mobile (vimeo).

    #468830

    Hey!

    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,
    Andy

    #468835

    Hi 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.

    #469560

    Hi!

    I think you forgot to include the username for login, right? Let us know when we can access your backend.

    Regards,
    Andy

    #474158

    Hi Andy,

    Details below,

    Best Wishes,

    Chris

    • This reply was modified 9 years, 5 months ago by kelsangchodor.
    #474702

    Hi!

    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,
    Rikard

    #475301

    Hi 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.

    #476396

    Hey!

    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

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.