Group buttons is not on the top-screen with 0% vertical-top position

Zabriskie73

Hi,

Here is the issue page (on desktop only) : https://www.canalanimal.fr/posts/les-partis-politiques-francais-notes-sur-la-cause-animale-fin-2018/

Is it normal that a buttons group with 0% vertical-top is not positionned on the top of screen ?
Here the green group is set to 0% but there is a lot of space available above it !

Thanks for your support.

James

Hi Zabriskie73 ,

I took a look at the green groups and the seem to both have a top set in their settings.

Could you perhaps take a look at the group settings and see re-set the top?
Then save and publish the changes.

Please let me know how it goes!

Zabriskie73

Ok, it works fine !
It was simple, but i don't know why i failed before...
Thanks again.

staudte

Is it ok if I jump in here? I have exactly the same problem on http://ehrlich.staudteweb.de, but the workaround here does not work on my site.

As soon as sub-menu-buttons are visible, 0% bottom is not at the edge of the screen anymore. As soon as sub-menu-buttons are hidden, e.g. through a schedule, the group buttons is positioned correctly on the edge of the screen. Once the sub-menu-buttons are displayed again, the group button moves away from the edge. Chaging the margin from 0 to 10%, publish, and set back to 0% and publish makes no difference.

Thanks for your support,

Thomas

Jasper

Hi staudte , ah, this seems to be a different issue. The menu items receive a 10px bottom margin. Aparently the menu button also get that same margin which shouldn't happen.

We'll fix this issue in a later update.

For now you can use the following CSS to disable this behaviour:

.buttonizer .buttonizer-head {
   margin-bottom: 0 !important;
}

staudte

Hi Jasper,

thank you for the information, this workaround has solved the problem. Although these "anomalies" are quite annoying. As a user who is new to implementing buttonizer I spent quite some time checking if it was my fault, only to be informed that it's a bug.