Tips and Tricks HQ Support Portal › Forums › WP Lightbox Ultimate › Lightbox HTML coding doesn't show up on mobile devices? also, opacity
Tagged: lightbox, popup, responsive
- This topic has 4 replies, 2 voices, and was last updated 8 years, 11 months ago by LeahGrrl.
-
AuthorPosts
-
December 3, 2015 at 3:58 pm #13270LeahGrrlMember
The site: [www.FocusCFO.com] (the home page is where the issue is)
My problem #1: I had to include the lightbox into the HTML of the header file because of the setup of the home page (someone else did this). On desktops/laptops it works BEAUTIFULLY! However, my client can’t see it on iPad or iPhone, and I can’t see it on my Android device either. Not even the anchor image.
The code I picked up from your PDF instructions for the free version (entire header code in case it’s relevant:
* Displays all of the <head> section and everything up till <div id="main">
*
* @package WordPress
* @subpackage Twenty_Eleven
* @since Twenty Eleven 1.0
*/
?><!DOCTYPE html>
<?php include(STYLESHEETPATH . '/includes/header.php'); ?>
<div id="slider">
<p align="center">
<a href="https://www.youtube.com/watch?v=tmz1jwED35Q&rel=0" rel="wp-video-lightbox" title=""><img
src="http://focuscfo.com/wp-content/uploads/2015/11/listenUp2.jpg"
alt="YouTube" /></a>
</p>
</div>
<div id="calltoaction">
<div>
<span class="left">
<strong>Get started</strong> with a <strong>free 1-hour consultation</strong>
</span>
<span class="right">Call <strong>855-236-0600</strong> or <a href="/contact-us/">Contact Us</a></span>
</div></div>
<div id="page" class="hfeed">
<div id="main">My problem #2: Somehow the opacity settings are not applying to the logo, the email icon, and the menu bar when the video pops out. Any advice?
Thank you! I purchased Ultimate just so I can ask you about these issues immediately. Other than these problems, I really like the way this works. Thank you for any support you can provide!
Leah
December 4, 2015 at 12:16 am #72017wpCommerceModeratorHi, Lightbox Ultimate has better responsive options. Please install it and change the rel to “wp_lightbox_prettyPhoto” so you can still get your existing code to work with it. You should also keep video lightbox deactivated so there is no JavaScript conflict between these two plugins.
December 7, 2015 at 2:46 pm #72018LeahGrrlMemberAs I say in the post, I did purchase Ultimate hoping that would resolve the issue. Since a lot of “upgrades” to plugins require the free version to keep running, it didn’t occur to me that I would need to deactivate it. Nor did it occur to me that the code would change. THank you for clarifying (that might be helpful to include in the initial upgrade email).
However…this is still not working on mobile/tablet devices. Even the anchor image does not show up on them–nothing between the menu bar and the call to action. I changed the code and deactivated the video lightbox as you instructed.
Thank you,
Leah
December 7, 2015 at 11:15 pm #72019wpCommerceModeratorWe will need to take a closer look at your site to investigate this issue. I have sent an email to your registered email address for site access. Let me know if you don’t receive it.
December 9, 2015 at 12:51 pm #72020LeahGrrlMemberThank you; unfortunately, that’s not possible with a client site. I’ll find another way. Thanks.
-
AuthorPosts
- You must be logged in to reply to this topic.