SLB and responsive WordPress themes?

[henninguhle]

Hello all togehter,

in order to present my readers my page on both computers and mobile devices, I use a WordPress theme in responsive design. It's the theme "Responsive" by CyberChimps.

I've learnt that the installed and activated "Simple Lightbox" plugin does not work with this responsve theme.

I thought that it has to do with a gallery plugin by BWS. But the situation did not change after deactivating this plugin.

I also thought that it has to do with the theme itself. And so I switched from "Responsive" to "Twenty-Fourteen", the default theme in WordPress 3.8. But it did not change the situation. So I switched back to "Responsive".

It seems as if SLB cannot work with responsive themes. "Twenty-Fourteen" is also a responsive theme like "Responsive". So it may be a fact.

I checked the requirements. And both my page and the theme meet the requirements of SLB. The jQuery version is 1.3.2. The installed plugins are:

• (C) Feed
• All in One SEO Pack
• Antispam Bee
• Antivirus
• Background Update Tester
• Breadcrumb NavXT
• Broken Link Checker
• Cachify
• Comment Notifier
• Confirm User Registration
• Contact Form
• Donate through Paypal
• Easy FancyBox
• Feedburner Form
• Flattr
• Google XML Sitemaps
• Limit Login Attempts
• Nofollow Case by Case
• Optimize Database after Deleting Revisions
• Organize Serie
• P3 (Plugin Performance Profiler)
• Pretty Link Lite
• Print Friendly and PDF
• Responsive Add-Ons (part of Responsive theme)
• SI Captcha AntiSpam
• Sidebar Login
• Simple Lightbox
• SiN-SocialShare
• SoundCloud Shortcode
• User Spam Remover
• Wordfence Security
• WordPress Backup to Dropbox
• WP-Piwik
• WP-Polls
• WP-Table Reloaded
• wpContaxe
• wp Smush.it
• Yet Another Related Posts Plugin

I hope we find any solution for this issue. The lightbox does not popup when I click a picture on my page. Yes, the link is set to the file location. I tested with Internet Explorer, Firefox and Google Chrome.

My page can be found here: http://www.henning-uhle.eu

I tried another WordPress theme. It was "zBench" by "zwwooooo" (not responsive). If this theme is activated, the lightbox loads when clicking a picture. But it loads twice. But with any responsive theme, the lightbox does not load.

I hope, I could give enough information that you can help in solving this issue. Thank you very much in advance.

BR Henning

[archetyped]

Hi, your site does not meet all of SLB's requirements. For example, an outdated version of jQuery (v1.3.2) is being loaded on your site. WordPress and SLB require the version of jQuery officially included with WordPress (currently v1.10.2) to function properly.

See here for more information on jQuery support

I would recommend checking your site for plugin and theme conflicts to determine which plugin/theme is loading the outdated version of jQuery.

[henninguhle]

Hi, thanks for your response.

I tried the following:

• run my page with all plugins and default theme "Twenty-Fourteen" of WP 3.8 -> no lightbox
• run my page with all plugins deactivated but SLB and default theme -> no lightbox
• switched back to "Responsive" theme with all plugins deactivated but SLB -> no lightbox
• reactivated all plugins and ran page as before -> no lightbox
• Theme preview - this is funny - shows a lightbox

I will try to update jQuery though I thought it's updated with WordPress update to 3.8.

[archetyped]

SLB has been tested and confirmed to be working with all current versions default themes included with WordPress, including Twenty-Fourteen.

jQuery is updated with WordPress, but other plugins often overwrite it and load their own outdated versions. For your reference, here is the code in your page that is loading the outdated version of jQuery:

<!-- RedaktionellerContent.com Code starts -->
<script type="text/javascript" src="http://www.redaktionellercontent.com/js/jquery-1.2.3.min.js" ></script>
<script type="text/javascript" src="http://www.redaktionellercontent.com/js/blogjs.php?blog_id=66" ></script>
<!-- RedaktionellerContent.com Code ends -->

This may be added to the page by the theme or a plugin. I would recommend following the steps on troubleshooting jQuery when disabling plugins and themes to make sure that the proper version of jQuery is being loaded before testing the lightbox works or not.

Also, it appears that you have multiple lightbox plugins installed (such as "Easy FancyBox"). As lightbox plugins generally interact with the same content (image links, etc.) there may unexpected behavior when multiple lightboxes are installed. For example, when a link is clicked, both lightbox plugins may attempt to display the image in a lightbox.

It is recommended that you only install a single lightbox plugin to avoid unexpected behavior on your site.

[henninguhle]

Hello,

you are absolutely right. Removing this lines from the theme code (required in the past for some posts, but meanwhile outdated), made the lightbox pop up. Unfortunately it pops up twice. This could be solved by deactivating Easy Fancy Box (I have no idea why I installed it ^^). And this is the result:

http://www.henning-uhle.eu/allgemein/leipzig-ich-fuhr-mal-s-bahn

I love it very much. Thank you very much.

Henning

[archetyped]

Looks great, glad to hear your issue was resolved :)