Parallax working only in the first column - Portfolio post grid random functionality doesn't work

ChuckStudiosAmsterdam · September 2020

Hi,

I'm building a website adding some parallax effects to several columns.

My problem is that parallax works only in the first one.

it starts to work also on the other elements when I manually resize the browser window.

I'm using Betheme in combo with Wpbackery ( as I did many many times with no problem), I contacted them to solve this problem because I triggered this behaviour using their column functionality into the column setting, but they said there is something wrong on your side.

https://previewlounge.nl/chuckstudios/

Another problem I'm having is the random functionality into the post grid element for the portfolio items.

It just doesn't work, showing me always the same projects and also the same where I'm in.

https://previewlounge.nl/chuckstudios/portfolio-item/frieslandcampina-fruttis/

(bottom part of the page, just before the footer)

I already tried to deactivate all the plug-ins I was able to turn off, nothing happened.

than you in advance for your support.

Pablo · September 2020

Hello,

1) I do not see the problem with the parallax effect.

Which browser do you use? I tested it on firefox.

2) Please open your website in Firefox html mode (CTRL+U) and check html errors you got. Please fix them first and all should be fine.

Thanks!

ChuckStudiosAmsterdam · September 2020

I'm having this problem on all browser (all up to date)

To see the issue, please don't resize your browser window the first time you load the website.

You can see that the first picture just below the fold, the soda glass, is correctly moving, but the hamburger below and the image, now only a place holder, before the footer is stuck.

Random functionality in the post grid element at the bottom of the over mentioned link it just doesn't work on any browser.

The weird thing is that here

https://previewlounge.nl/chuckstudios/production-company-chuck-studios-now-offers-creative-services/

The same element with the same random order perfectly works, showing, on every page refresh, different content.

Checking the code I can't see any particular issue.

thank you

Pablo · September 2020

1) Please use this JS code, paste it into Theme Options > Custom CSS & JS > JSS

  jQuery(function($){
   $(window).load(function(){
      $(window).trigger('resize');
   })
})

2) Take a look at this screenshot: https://prnt.sc/uh03y1

The html code which is red, means that this code is issued, and it could be wrong on this place or earlier, you should double-check your html code about some missing higher/smaller than signs (< >), unclosed tags (<p>, </p) or not closed/opened quotation marks (")

Thanks

ChuckStudiosAmsterdam · September 2020

thank you for the JS snippet but it doesn't work on any browser.

about the html code I'm going to check but I didn't write it and sincerly I don't know how to modify it.

I automatically generated, I believe, by WPbakery

Pablo · September 2020

Please send us WordPress dashboard access privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.
Notice!
Please attach a link to this forum discussion.
Thanks

Pablo · September 2020

The problem is related to your third party plugins which are not supported by us.

After disabling them, the parallax effect works fine, you should disable all of them one by one and find the trouble-making plugin.

thanks

ChuckStudiosAmsterdam · September 2020

so if you say so, you already found the plug-in that creates the conflict? can you be more precise?

I can't deactivate all the plug-ins because some of them are deeply merged with the website architecture.

how can I proceed to solve this problem?

Pablo · September 2020

I did not found the plugin, I just disabled all of the plugins and the issue gone.

You have to find it by disabling it one by one, otherwise your issue won't be solved

We do not support some of the plugins you are using (and they are source of the problem), so we cannot fix the problem at all.

You have to contact that problematic plugin author and ask him for help or contact your webdeveloper.

thanks

ChuckStudiosAmsterdam · September 2020

ok. I've just discovered is not a plug-in related problem per se (at least not only that).

In the home page, the gallery above the falling hamburger was blocking the parallax for the underneath elements.

Originally the gallery was made with Modula plug-in, but it creates the same issue with your element 'image carousel'.

Now, I've created a gallery with the element 'image gallery' and the parallax correctly works.

still looking for which plug-in block the random order in the 'post grid' element. I'll Keep you posted for future users that maybe will face the same issues.

Pablo · September 2020

Did you contact the WPBakery support team? As Can I see the 'post grid' element is working fine right now.

Thanks

ChuckStudiosAmsterdam · September 2020

yes, because I disable the plug-in 'Post Types Order' that creates the conflict with the random functionality.

I contacted them but basically they told me to contact you..

Now I have to find a solution that easily gives me the possibility to change the order to my portfolio items without effecting the random order function in the post grid element.

any suggestion?

Pablo · September 2020

Sadly, we do not support the "Post Type Order" plugin, so we do not exactly know what can be causing this problem.

You should contact an author of that plugin (or webdeveloper) to get it work.

The only way to change the order of your portfolio items which we have in the theme, is in the Theme Options > Blog, Portfolio & Shop > Portfolio

https://prnt.sc/uiz736

Thanks

Parallax working only in the first column - Portfolio post grid random functionality doesn't work

Comments