SOLVED: Shape Dividers bug on mobile: Vertical line

Bricks Version: 1.5.4
Browser: Mobile Safari / Chrome latest
OS: iOS
Tested Device: iPhone 13 Pro
URL: https://www.indianflavours.de

Bug: Only effecting mobile Browsers - tested on iPhone 13 Pro
Vertical line in the middle of the Triangle concave Shape Divider.

Settings to Replicate:
Section > Shape Dividers > Triangle Concave > some fill color + height: 22px + width: 33px + alignment: center and bottom

Hi jentek,
Welcome to the forum, and thanks so much for your report!

The problem arises from the fact that the SVG consists of two paths. This can lead to minimal deviations depending on pixel density, width, height, and so on…

Merging it into one path should solve the problem. You can test it by replacing the SVG here:

/wp-content/themes/bricks/assets/svg/shapes

» Dropbox - triangle-concave.svg - Simplify your life

Best regards,
timmse

Thank you very much! I will do that - thanks for the link!

best regards,
jenteck

Hey @jenteck ,
Bricks 1.6 beta contains a fix for this problem. However, we would be happy if you could briefly test whether the problem is fixed so that we can include it in Bricks 1.6 stable.

You can find the beta version in your account:
https://bricksbuilder.io/account/?v=1.6-beta

Best regards,
timmse

Bildschirm­foto 2022-11-20 um 22.01.24

I’m happy to tell you that the problem is fixed :+1:

1 Like