Width overlap , conflict with custom JS/ CSS ?

Resolved Sravsk
(@sravsk)

7 years ago

Hello there,
I am running an ad inside the sticky widget. The ad seems to overlap/jump as I scroll down, scroll up functionality seems to work fine. I think there is some conflict with other .js and .css files. Can you please take a look ?

The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)

qbics
(@qbics)

7 years ago

Hello Sravsk,

you are right, there is a JavaScript conflict that prevents fixed-widget from working and is causing the flickering when scrolling.
Unfortunately there is nothing I can do about it, the problem is probably caused by your theme or a plugin / custom code you are using.
You can try to narrow it down by switching your theme and / or disabling other plugins one by one and check if it works. If you find a plugin or theme that is causing the problem, please let me know.
Best regards
qbics

qbics
(@qbics)

7 years ago

Hi Sravsk,

we want to have a closer look into your problem within the next days. If you want to help us, please don’t modify your site setup. Thanks 🙂

Thread Starter Sravsk
(@sravsk)

7 years ago

Sure, sounds good.
qbics
(@qbics)

7 years ago
Hi again,

one of the issues that might cause your problem is the fact that a certain Javascript library (jquery) is loaded twice. From your server and another copy from an external server (ajax.googleapis.com).

This MIGHT be the reason for your problem.
I have made a patched version of q2w3-fixed-widget. It’s completely the same codebase as the one from the wp.org repository, and it would be awesome if could install the patched version on your server and give us feedback if it solves your problem.

https://webgilde.com/wp-content/support/fixed-widget-priority-enqueue/q2w3-fixed-widget.zip

Just extract the file to <WORDPRESS>/wp-content/plugins and replace your current q2w3-fixed-widget directory with the one from the archive.
Make sure the plugin is activated after you replaced it.
After updating, you might have to clear your cache to make this patch work.

I really hope this solves the problem. If not please let me know, and we’ll try to figure out another solution.

qbics
- This reply was modified 7 years ago by qbics.
qbics
(@qbics)

7 years ago

If you need help with the technical part, just reach out!

Thread Starter Sravsk
(@sravsk)

7 years ago

Hello there,

Updated the plugin but the issue still persist. Can you please take another look ?

qbics
(@qbics)

7 years ago

Hi Sravsk,

thanks for your patience. I think this solution should work:
Just download and install this update and report back if it solves your problem.

Kind regards
qbics

qbics
(@qbics)

7 years ago

Hello Sravsk,

did you try the update, yet? I’m really curious if it works and solves your problem.
Kind regards
qbics

Thread Starter Sravsk
(@sravsk)

7 years ago

Hi there, sorry couldn’t reply earlier.
Yes, the plugin seems to be working as expected. I tried testing across all browsers on dev and staging environments.
I know this might be out of context, but do you know how to get this working with pure html, css and javascript/jquery ? I am trying to have a sticky sidebar ad on non-WP platform as well.

thank you for all your help!
qbics
(@qbics)

7 years ago
Hi Svarsk,

awesome, I’m glad that it works :-).
Q2w3-fixed-widget is designed to work with WordPress only. If you know how to write JavaScript, you can try to copy and adjust the file <q2w3-fixed-widget>js/q2w3-fixed-widget.js for your needs, maybe it works, but I’m sorry I cannot give you any more detailed instructions.

If you know CSS, you could read up about the position attribute:
https://www.w3schools.com/cssref/pr_class_position.asp
and have a look at position sticky:
https://www.w3schools.com/cssref/tryit.asp?filename=trycss_position_sticky

Have a good one, cheers
qbics
- This reply was modified 7 years ago by qbics.

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Width overlap , conflict with custom JS/ CSS ?’ is closed to new replies.