Fixed Widget Plugin takes over full screen

Resolved

(@dennistennis)

Dear Support!

We like you plugin since many years, but now, we have encountered an unfixable problem:

The woocommerce sidebar – set to Fixed Widget – takes over the full screen at the beginning / first load. It should only be at the right.

We suspect – pasted from Firefox:

element {
  position: fixed;
  margin-bottom: 51.8886px;
  transition: transform 0.5s ease 0s;
  transform: none;
  margin-top: 0px;
  padding: 0px;
  width: auto;
  top: 135px;
  left: 0px;
  right: 0px;
  min-height: 0px;
}

in HTML

<div id="woocommerce_widget_composite_summary-7" class="widget woocommerce widget_composite_summary widget_position_default FixedWidget__fixed_widget FixedWidget__fixed_widget__pinned" style="position: fixed; margin-bottom: 51.8886px; transition: transform 0.5s ease 0s; transform: none; margin-top: 0px; padding: 0px; width: auto; top: 135px; left: 0px; right: 0px; min-height: 0px;">

is your plugin setting these? The left 0px and right 0px are not from our CSS as far as we know.

Thanks for any help.
Dennis

This topic was modified 3 years, 8 months ago by dennistennis.

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

Plugin Author Thomas Maier
(@webzunft)

3 years, 7 months ago

Hi Dennis,

thanks for reaching out.

Fixed Widget does indeed set the CSS options dynamically.
It can get things wrong since every theme is different.

On which site do you have Fixed Widget installed? I would like to check if it conflicts with anything we haven’t seen before.

Thanks,
Thomas

Thread Starter dennistennis
(@dennistennis)

3 years, 7 months ago

Hi Thomas,

thanks for looking into things. The staging site is not publicly accessible. The production site is: https://www.idworx-bikes.de, and an example for the widget would be: https://www.idworx-bikes.de/product/opinion

However, due to this error with fixed widget, we have turned it off temporarily. Please look at the css from the first message – from staging site – and this page to stich things together.

Thanks
Dennis.

Plugin Author Thomas Maier
(@webzunft)

3 years, 6 months ago

Hi Dennis,

I just released version 6.2.1 with various fixes. Please update to the latest version and let me know if it resolves your issue.

Thanks,
Thomas

Plugin Author Thomas Maier
(@webzunft)

3 years, 6 months ago

Hi Dennis,

have you been able to test version 6.2.1?

I also just uploaded a version with a fix related to the top margin. Please check the development version and let me know if it resolves your issue.

Thanks,
Thomas

Thread Starter dennistennis
(@dennistennis)

3 years, 6 months ago

Super. Thanks. I’ll test it over the next couple of days.
Dennis

Plugin Author Thomas Maier
(@webzunft)

3 years, 6 months ago

Hi Dennis,

As it turned out, I didn’t upload the previous dev update correctly. 6.2.2 is now officially released and fixes a scrolling bug. Please let me know if it helps.

Thanks,
Thomas

Thread Starter dennistennis
(@dennistennis)

3 years, 6 months ago

Hi Thomas,

I re-activated it and you can see it at:

https://www.idworx-bikes.de/product/grandone-travel-2

The sidebar is completely blank upon loading, after some weird re-draws.
It randomly appears when scrolling and/or when making the viewport (window) wider.

Hopefully, you can fix it.

Dennis

Plugin Author Thomas Maier
(@webzunft)

3 years, 6 months ago

Hi Dennis,

Thanks for the link. That is new after the 6.2.2. update, right?

Thomas

Thread Starter dennistennis
(@dennistennis)

3 years, 6 months ago

Hi Thomas,

Version 6.2.2 | By Thomas Maier, Max Bond | View details

Thanks for looking into things. Yep, that is the newest version. Tried with and without ‘Improved version’. Always same error. Caches cleared…

I’ll leave it there for you to debug.

Thanks

Dennis

Plugin Author Thomas Maier
(@webzunft)

3 years, 6 months ago

Hi Dennis,

thanks for your feedback.

My colleague looked at your site and noticed that the sidebar widget is already fixed with some other CSS. This causes a conflict together with Fixed Widget.

Do you know how that other CSS was added and could remove it?

Thanks,
Thomas

Thread Starter dennistennis
(@dennistennis)

3 years, 6 months ago

Hey Thomas,

Thanks looking after us. The explanation of “some other CSS” was partially helpful in that adding some CSS helped us to fix it. We could not find any CSS to remove or change.

First, we thought, your latest update automagically fixed it – without any CSS changes. However, after scrolling to the bottom and then back up, the widget would temporarily disappear…sometimes, it would come back after scrolling to the bottom…but even after a while, the whole widget would completely disappear, and not come back at all.

What fixed it:

[1] Set “Minimum Screen Height” to 150

[2] Add CSS:

#20221208 TO HELP FIXED WIDGET PLUGIN ERROR */
< .widget_composite_summary { width: 240px !important;top:150px !important; }

and the widget would stay. 🙂

Plugin Author Thomas Maier
(@webzunft)

3 years, 6 months ago

Hey Dennis, I am happy to read that you found a solution. Thanks for sharing it!

Thomas

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

The topic ‘Fixed Widget Plugin takes over full screen’ is closed to new replies.