[vasskion]

I suddenly noticed that the animated feature box option no longer show the accent color on hover over the image. Also the main menu semi-transparent slide effect is gone too.

I played with the settings but could not fix it. Deleted the theme and reinstalled it – did not work. During this scenario even with the default settings these animation effects were missing. When I switch to ‘Static’ option for feature box then the accent color is shown on hover. When I switch to ‘Animated’ the color effect is gone…

Here you can see how it was before: http://vasko.webstudioiv.com
Here you can see how it is now: http://vaskion.com

Any ideas how to fix this?

Thank you,
Vasil Krastev

• This topic was modified 7 years ago by vasskion.
• This topic was modified 7 years ago by vasskion.

[vasskion]

I noticed something that could lead you to the root cause…

On Customizing ▸ Landing Page -> when I disable the Post option (Show or hide posts on the landing page.) the animation with color accent on hover over the feature boxes get visible again. When I enable Post it dissappears…

The slide animation on the main menu is not visible on the Home page only. On all other pages/posts it works correctly.

[vasskion]

OK, after a lot of experiments I can say for sure that the animations are missing only when there is a list of posts – displaying posts from a certain category or recent posts on the home page. No matter what I do or what configurations I change somehow this list of posts spoils the animation effects on every page/place it is present.

Do you have any idea how can I fix this issue?

Thank you,
Vasil Krastev

[vasskion]

I finally found the root cause for the problem. I use Google Maps plugin to display routes in some of my posts. When there is a list of posts the following error is generated which causes the html code to stop:

Uncaught TypeError: Cannot read property ‘libraries’ of undefined
at HTMLDocument.<anonymous> (js-map.min.js?ver=1.7.2:1)
at i (jquery.js?ver=1.12.4:2)
at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2)
at Function.ready (jquery.js?ver=1.12.4:2)
at HTMLDocument.K (jquery.js?ver=1.12.4:2)

I guess something does not wait for google visualization to finish loading its libraries before it uses them. Any ideas how to fix this…?

• This reply was modified 7 years ago by vasskion.

[Zed]

I notice you’re also using JS minification in your caching plugin. Perhaps this is causing the JS issue (by rearranging the code in the wrong order)?

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[vasskion]

Hello,

The problem was seen even with the cache plugin disabled so the minify thing is not the case.
Still I do not understand one thing: I use to show the post list as excerpt and limited it to 10 words. Why does the page tries to show/load some widgets at the end of the post which should not be visible in the excerpt?

The most stupid and easiest solution I found was to add a google maps widget on the left side panel. This caused the google API to be loaded everywhere including the home page. I made some arrangements to the widget so that it is not visible.

I do not know how to load the google API other way.

Regards,
Vasil Krastev

[Author]

Posts