Why is smooth scroll suddenly impossible on this WP theme? - wordpress

I use the MouseWheel Smooth Scroll plugin in Wordpress all the time for my sites. It always works. A week ago, I started a new site and noticed that smooth scrolling wasn't working on it. Today I tried fixing it and just can't understand what the problem is. I used the theme Shapely and MouseWheel Smooth Scroll just two weeks ago and that site is working fine: https://xharris.com
I even installed a new wp site 30 minutes ago to test with demo content.....and it still doesn't work!! Infact, NO smooth scrolling plugin works. I can't figure this out.
Here's what works and what doesn't:
Smooth with anchors: yes.
Smooth with back to top: yes.
General mouse scroll up and down: no.
Where am I going wrong???
You can see it NOT working here https://xharris.com/porto
**i know the 'anchors' and 'to top' work because i tested them on another site really quick with other plugins. unfortunatley....i don't need them. i just need mousewheel scrolling to be smooth..

If you check the browser console on the proto site, you can see that for whatever reason allowedBrowsers is undefined on the SmoothScroll script:
SmoothScroll.min.js?ver=1.4.10:formatted:350 Uncaught ReferenceError: allowedBrowsers is not defined
at SmoothScroll.min.js?ver=1.4.10:formatted:350
at SmoothScroll.min.js?ver=1.4.10:formatted:351
at SmoothScroll.min.js?ver=1.4.10:formatted:384
You'll need to modify it to add this variable into either the script or add a script that adds this variable before the SmoothScroll script is loaded.
In the current site, this is the value that it currently has:
var allowedBrowsers=["IEWin7","Chrome","Safari"];
Edit: After looking closer at your website, it seems like it is loading some scripts over HTTP instead of HTTPS and Chrome is blocking these scripts from being loaded for security reasons. This is the reason why SmoothScroll isn't working I believe. Please make sure the following scripts are being loaded by changing the "http" part to "https":
http://xharris.com/porto/wp-content/uploads/wpmss/wpmss.min.js?ver=1589445996
http://xharris.com/porto/wp-content/uploads/wpmss/wpmssab.min.js?ver=1589445996

Related

navbar is broken for split second

So I am working on this WordPress website, and for some reason when reloading a broken navbar pops up for second, but when the page gets reloaded it's normal again. I don't know what causes it to behave that way, I tried to search but didn't find a similar issue. I am using WP rocket for speed optimization. Here are the settings I used, could it be that? IDK. Even if I use a pre-loader the navbar some how pops up before the animation itself.

Wordpress youtube embed not clickable bootstrap

After I moved a Wordpress website to production server I noticed youtube embeds were no longer clickable. The image and play button show up but nothing more.
Tried to renew the embed code, using the build in embed function, embed via media browser,... Nothing is working and it's making me crazy.
After some trial and error things I noticed that the video does work when the main bootstrap.css file is removed. Can't seem to find a clue to the solution though.
EDIT
Yes, I tried to disable all the plugins, with no result.
Changing back to the default twenty fifteen theme results in a working video embed. But since that one isn't build on bootstrap it's just a logic fact.
Anyone seen this before?
Web page with video embedded: click here
The website is sending lots of error messages in he consolu use F12 in Chrome, apparently your www-embed-player-new.js is causing the problem. Not even Edge is running the site correctly. I think you need a Chrome extension to make it work.
I would recommend you changing the plugin that imports the videos. Check this enter link description here
EDIT:
The chrome plugin Google Cast stops the error messages but still doesn't work.
The problem was with the wordpress loop on the single.php page.
A wrong code snippet caused the issue.
Fixed!

Trying to get slider to work properly

I am using Cyclone Slider 2 on the following page: http://alexistmyers.com/test/ I have 2 slides in this slider, but it's only showing one, basically it's not cycling as it should. I have the settings set to automatically cycle through and in the admin section of the plugin it shows as cycling through, accept it won't do so on the actual page.
The weird part about this is, I used this exact same slider in another website I just created and it works perfectly. You can see it in action here: http://www.24hrbookkeeper.com/
I went to the forum for this plugin and they mentioned to go to Tools -> Web Developer -> Error Console in Firefox (I'm using Firefox to make these changes). I did that, but I did not see "Error Console", instead I see "Web Console" so I clicked on that, and this is what I see...
[20:54:27.874] "[cycle] terminating; zero elements found by selector"
This must mean something's wrong. Any ideas what this means and how to get this slider to work correctly on the first site I mentioned above? Any help you can give will be greatly appreciated!
Sounds like a conflict with another plugin but here are three things you can try:
Deactivate all plugins and reactivate them one by one.
Check that the plugin was properly installed and activated.
Check the link to the image in your media library and test with another image.

Installing a new, custom theme has "broke" current Wordpress installation

I've just finished creating a new custom theme based on the underscores framework, and It's ended up breaking my current wordpress installation after applying it.
Although everything is running fine on the front end, the back end is running really weird.
The following issues have presented themselves:
Trying to add a new post (either regular, or one of the new custom post types I've defined) just results in a blank page. Although the post has been created, the admin section gets stuck on the wp-admin/post.php page.
My media library no longer shows up in the media browser. Although all 6,000+ images are still there, none show up.
When logged in, it takes ages for the page to load in the Wordpress admin bar, as it appears it can no longer display the site stats (it just shows the broken image icon after it's finally finished loading in, when the new theme is selected).
I've tried to refresh the permalinks, but this hasn't worked.
Any ideas? I was hoping to re-launch my website today, but it looks like I might have to put it on hold...
Get ahold of the devs for your framework. Your experience is not an uncommon one. It has happened to my sites several times. Unless you want to tweak the php yourself, they will have to help you.
Managed to sort this out. Turns out a function I had written to add a custom field to menu items broke the entire back end. Thanks for the help everyone!

jQuery colorbox not working in IE8 (But works in IE7?)

I'm working on a clients website and for some reason the jQuery colorbox plugin isn't working correctly in IE8 on this site, it's opening the colorbox and has no width. The gallery is running NextGEN gallery.
http://bwosoyoos.lexcorp.ca/photo-gallery/
The main reason I don't understand this is because I've got the exact same thing running on another site and it works fine (also using the same theme/css for the colorbox)
If anyone can shine some light onto this I'd be beyond grateful.
I haven't been able to figure out a direct cause, and I'd also tried switching to Lightbox Plus instead of jQuery Colorbox.. but it's still the same issue.
I've added a warning message that pops up when people view that page on IE 8 or lower expressing that it won't function correctly and providing a link to update IE, or download another browser via BrowseHappy.com .. that's the best I can do for now. :/

Resources