Play button not staying center aligned on thumbnail after resize/mobile.

  • Hello,

    We have an auto-thumb on our responsive home page that scales down when you shrink the page. Unfortunately, the play button goes off center when this occurs. Not too big of a deal on desktop, but it’s pretty unsightly on mobile. Any word on how to get the button to stay centered on the thumbnail?

    Thanks!

    Here’s a link to the page in question: https://www.cityofmadera.ca.gov

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support mbrsolution

    (@mbrsolution)

    Hi, unfortunately the plugin is not very responsive. You might want to first test one of WordPress default themes like Twenty Fifteen or Sixteen.

    You might also what to try the following that someone published here in the forum.

    Changed the settings in js/jquery.prettyPhoto.js inside the free plugin. Changed the following value from 200 to 40 as per the example below.

    if((pp_containerWidth > windowWidth)){
	imageWidth = (windowWidth - 40);
	imageHeight = (height/width) * imageWidth;
}else if((pp_containerHeight > windowHeight)){
	imageHeight = (windowHeight - 40);
	imageWidth = (width/height) * imageHeight;
}else{
	fitting = true;
};

    The above code will improve the size of the image but it does not control the play button. The following CSS button code in your site is showing below.

    .wpvl_auto_thumb_play {
    left: 155px;
    position: absolute;
    top: 85px;
}

    The code above is set to left: 155px and top: 85px which means that no matter how small or large the screen is the button will always remain at 155px from the left and 85px from the top of the DIV container that controls the image.

    If you want more responsive control over your videos then I suggest the following plugin Lightbox Ultimate.

    Regards

    • This reply was modified 8 years, 6 months ago by mbrsolution.

    Hi,

    Just following up, can you elaborate more on what’s different with responsive behavior on the paid version? I’m totally happy with paying for plugins if they do what I want.

    Plugin Support mbrsolution

    (@mbrsolution)

    @sporkme, Lightbox Ultimate has more features than this plugin. Please check the link above and check out what it can do. If you have any questions please ask in their forum. This forum is only for WP Video Lightbox.

    Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Play button not staying center aligned on thumbnail after resize/mobile.’ is closed to new replies.