Facebook tab not visible

  • My facebook tab is not visible. If I click where it’s supposed to be it works, the fly-out pops out and looks fine, but the tab itself is not visible. My other two tabs for Contact and Subscribe are visible and working fine.

    Any idea on what is causing the facebook tab to be invisible and how to fix it?

    Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author cconoly

    (@cconoly)

    What is the web address you are having the problem at?

    Thread Starter mikegrattan

    (@mikegrattan)

    https://sardasfusioncatering.com/

    Plugin Author cconoly

    (@cconoly)

    Somehow you have an “=” sign at the start of the image url. Did you try editing the image location, or do you have a custom image url in the options for Facebook?

    If not then please update the plugin or reinstall it to make sure you have the original code. Let me know if that does not solve it. Thanks

    The culprit:
    background-image:url(='https://sardasfusioncatering.com/wp-content/plugins/wp-flybox/static/FlyBoxSpriteRight.png');

    • This reply was modified 7 years, 4 months ago by cconoly.
    Thread Starter mikegrattan

    (@mikegrattan)

    I uninstalled and reinstalled…lost all settings for wp-flybox. Tried creating a couple of tabs and they are both invisible.

    I had not previously changed anything in the code for the url so I have no clue how an ‘=’ sign got there.

    Plugin Author cconoly

    (@cconoly)

    So it looks like a caching plugin or other plugin is adjusting the css of it. The long solution is to disable all the plugins except WP-Flybox and re-enable them one by one until we find the culprit. The quick solution we can try is to add some css to your theme settings or child theme. The custom css that needs to be added is…
    #wp-flybox_tab1 div.wp_but div {background-image:url('https://sardasfusioncatering.com/wp-content/plugins/wp-flybox/static/FlyBoxSpriteRight.png') !important;}

    That only applies to the first tab (#wp-flybox_tab1). Where ever you are using the default tab image you will need to add this custom css to it. So if you need to apply it to the second tab you would also need to add…
    #wp-flybox_tab2 div.wp_but div {background-image:url('https://sardasfusioncatering.com/wp-content/plugins/wp-flybox/static/FlyBoxSpriteRight.png') !important;}

    Let me know if that helps

    Thread Starter mikegrattan

    (@mikegrattan)

    I played with it quite a bit and couldn’t get it to work consistently when there’s a mix of using built-in icons and custom icons. So, I just did custom icons for every tab and now it works. Although I do have an image caching add-in (WP Smush), I disabled it for testing and that did not correct the issue. Anyway, the custom icons are working for now.

    On a different note, is there a way to have the displayed tab close when a user clicks somewhere else on the page, or to have an X in the corner for them to close the tab. Not all users are figuring out that they have to click the icon again to close a tab.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Facebook tab not visible’ is closed to new replies.