Thumbnail on smartphone too big

  • Resolved accucomm

    (@accucomm)


    1 year, 9 months ago

    Hi:

    I’m using your “WP Lightbox Ultimate Version 2.3.6” on my site with the following shortcode: [wp_lightbox_prettyPhoto_video link=”https://vimeo.com/8245346″ width=”1000″ height=”563″ description=”video description goes here” source=”https://www.example.com/anchor-image.jpg” title=”video title goes here” class=”alignleft”]. I’m also using the “alignright” variety.

    It works great on a computer, but on mobile devices and tablets the thumbnail appears too big. I need CSS that will tell mobile browsers to reduce that thumbnail by “X” per cent. I’ll arrive at that number through experimentation. I’ll start my experiment at 50%.

    I have something similar that I use for the regular images on my blog but it has no effect on the thumbnails in question.

    Can you help please?

    The page I need help with: [log in to see the link]

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

    (@mbrsolution)

    Hi, check the following pdf documentation.

    https://www.tipsandtricks-hq.com/wp-content/uploads/docs/wp-video-lightbox-plugin-usage-instructions.pdf

    If the above does not help you, try the following forum post.

    https://www.ads-software.com/support/topic/close-button-is-not-fully-visible-on-mobile/#post-14884990

    Kind regards.

    Thread Starter accucomm

    (@accucomm)

    I have the document that you suggest above.

    As for the CSS code, I tried it and it didn’t work.

    I use the code below for my regular images, but it does nothing to the thumbnails produced by WP Lightbox Ultimate.

    @media screen and (max-width: 480px) {
    img.alignleft,
    img.alignright{
    width: 45% !important;
    }
    }

    Plugin Support mbrsolution

    (@mbrsolution)

    Hi, try playing around with the code shared in the forum link above.

    The other area you might like to try is to change the value in the code from the following file?/js/jquery.prettyPhoto.js?located inside the free plugin. Change the value from 200 to 40 as illustrated in the example below or a value of your liking.

    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;
};

    Let me know if the above information helps you.

    Kind regards.

    Thread Starter accucomm

    (@accucomm)

    I don’t have the free version. I have the paid version. The problem is that Tips & Tricks won’t answer your emails or allow you to post in their forum unless you pay their annual maintenance fee.

    I understand that they need to make money, but this type of “simple stuff” should be free. I know it’s not simple for me (because I studied communications, not coding) but for them it must be.

    I would hate to install a different plugin because ,leaving this little issue aside, the plugin is great. We’ll see.

    • This reply was modified 1 year, 9 months ago by accucomm.
    • This reply was modified 1 year, 9 months ago by accucomm.
    Plugin Support mbrsolution

    (@mbrsolution)

    Hi, if you are referring to WP Lightbox Ultimate then unfortunately we are not allowed to answer questions here in this forum for premium products.

    Kind regards.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Thumbnail on smartphone too big’ is closed to new replies.

Tags