Home Forums Mighty Addons Button group visual bug

Mighty Addons

  • #29728
  • |
  • 1 month, 1 week ago

Button group visual bug


Hello, I’ve found a minor visual bug in the button group widget. The first button has a margin difference when you compare it with the other buttons of the group.

I checked the source code and found that the first button has this CSS configuration: <span class=”webkit-css-property” aria-label=”CSS property name: margin”>margin</span><span class=”styles-name-value-separator”>: </span><span class=”value” aria-label=”CSS property value: calc( 30px / 2 )”>calc(</span><span class=”value”>30</span><span class=”unit”>px</span><span class=”value” aria-label=”CSS property value: calc( 30px / 2 )”> / 2 ), while the other buttons have a margin with px only instead of calc, so I managed to fix it by removing calc from the first button CSS. You can check the bug at: https://mightythemes.com/mighty-addons/widgets/button-group/. Check the “Button Stack On Desktop” example, as it is more apparent there.</span>

Although a simple CSS in Elementor can fix it, I think it would be great if that bug could be fixed by default in a future version.


  • img-3

    Take Elementor to the Next Level
    Get Mighty Addons today!

    Explore More

  • Viewing 1 post (of 1 total)
    • You must be logged in to reply to this topic.

    Get Products Updates & Promos Directly in your inbox!