Plugin Conflict with Q2W3 Fixed Widget

Hello @hadkarbhushan,

Hope you’re doing well!

I’ve tested both plugins on my end and could not replicate an issue with styling. Would you please let us know more information about this issue? Please share s screenshots before activating the Q2W3 Fixed Widget plugin and after.

Is this issue happens when only the Custom Sidebars and Q2W3 Fixed Widge are active?

If you have not tested for a full conflict test, please do:
– Deactivate all plugins besides the Custom Sidebars and Q2W3 Fixed Widget
– If the issue still persists, please switch to a default WordPress theme to see if there is an issue with the theme
– If all is well, start activating one plugin at a time, till the issue will be back,

Let us know how it went!

Kind regards,
Nastia

Hi sorry for the delayed response.

I have recorded a screencast before and after activating the plugin.

I am running tests on a localhost and no other plugins are involved except the two.

Please see here: https://vimeo.com/362043236

Also now I discovered one more issue.

Whenever I change a Theme, all the custom sidebars get changed or entirely removed.

See in this screencast: https://vimeo.com/362043351

When I changed it to a default theme, The sidebar which I configured using custom sidebars disappeared from the widgets section.

Hello there @hadkarbhushan

I could notice some CSS differences in your screencast so I replicate that in a testing site of mine using the Astra theme.

It seems that when the Q2W3 Fixed Widget plugin is enabled, the HTML markup of the widgets is changing and some classes that are used in Astra’s CSS files are stripped, thus the differences.

I was able to create a little JS snippet though, in order to bring back these classes. Please install the Simple Custom CSS & JS plugin and create a new JS snippet that will load in the footer of all frontend pages. In there, add the following code:

(function ($) {
  $(document).ready(function () {
    $('.sidebar-main > div').each(function () {
      var id = $(this).attr('id');
      var string = id.substr(0, id.indexOf("-"));
      var classes = 'widget widget_'.concat(string);
      $(this).addClass(classes);
    });
  });
})(jQuery);

Let me know how that goes!

As for different sidebars per theme, that’s normal behavior, as sidebars are being registered by themes, and Custom Sidebars is simply replacing the widgets of these sidebars based on your conditions (it’s not that we register new sidebars that can be used while switching themes).

Take care,
Dimitris

Hi @hadkarbhushan

We didn’t hear back from you for quite some time so I’m marking this topic as “resolved” for now due to inactivity.

If you need further assistance please feel free to post any updates and we can re-open it and continue working with you.

Best regards,
Adam