Flybox on left side of page, but the tabs fly all the way to the right side?

Sorry, it took me a while to figure out the best solution. The problem is that the theme uses an “unfriendly” way of making it responsive. Basically, in desktop mode it makes all the divs 100% width using jquery after the page is loaded. No matter what I set the WP-Flybox plugin to, it always will get changed by the theme’s javascript.

However, I added a fix, but it will require editing a line in your theme and updating the WP-flybox plugin. I added a class selector for the WP-Flybox tabs, so update the plugin. Then I had to change a line in the theme’s responsive javascript to not include the class selector I set in the WP-Flybox plugin. Here is what you would need to do to fix it:

1) Update WP-Flybox to 6.1 or higher
2) Open the file to edit: wp-content/themes/exclusive/scripts/responsive.js. Unfortunately this has to be done via FTP or another file editor and cannot be done through wordpress admin since it is a js file.
3) Change line 51 from:
jQuery("body > div, body header, body footer, body nav").width("100%");
to:
jQuery("body > div, body header, body footer, body nav").not('.wp-flybox_tab').width("100%");
4) Save the file and upload it over the old version.
5) Clear your cache and reload your page.

Let me know how this works for you. Thanks!