0
Wird überprüft

Why did Bibbase start showing a big arrow on WordPress pages?

echitamb vor 1 Monat aktualisiert vor 3 Wochen 2

I'm wondering if anyone can help me with this display problem.  I have been using Bibbase just fine for multiple years through my university wordpress.com service.  But recently, it just started displaying erroneously with all the links not working.  It's now showing a big arrow coming out of a square. 

Here is the webpage:

Publications – Chitambar Quantum Information Group

Does anyone know how to fix this?

Thanks!

Wird überprüft

This happens when the style-sheets aren't or cannot be loaded. Looking at your page I see some jquery related errors in the dev console. Did you change anything about jquery recently, maybe upgrade to a newer version?

I checked with our IT department about the jquery.  I'm sharing the gist of their response, which I'm hoping might be helpful on your end, in case others have a similar problem to mine.

  • Bibbase isn't properly detecting for jQuery of any version already being run in the site (it is, WordPress, Drupal and most modern CMSs just load and run a recent version of jQuery by default). It should check and only load jQuery if it isn't already available
  • It isn't properly using the jQuery noConflict mode, which should always be used by default when you are bundling up code to be deployed by folks on their own sites.

It seems the problem was that the SVG images for the "Website' links were displayed at 100% screen width.  As a quick CSS fix, my admin activated a Custom CSS Plugin for my site and added some rules for those SVG images.  It's still not displaying correctly, but at least the big arrow and square image is no longer there.