GambitTech

GambitTech supports this item

Supported

This author's response time can be up to 1 business day.

62 comments found.

Hi Gambit,

I have set up the separators in my builder. I have some things that are not clear:

1) You are using a svg attribute data-height! What is that? Is it the viewbox max-height value ?

2) each svg has a CSS height of calc(0.125 * 100vw). Why doesn’t it use the svg attribute data-height value ?

I need to add an option for the height on the separators but I am confused on what type of value.

Thank you!
Mediacreed

Hi Mediacreed,

About your questions:

1.data-height is the native SVG height that is affected by the scaling settings set in the row separator settings. The scaling is multipled by the specified height.

The formula for that is as follows: $height = (int) $svgs[ $atts[‘separator’] ][‘height’] * (float) $atts[‘scale’]

2. The calc value is a formula that ensures the separator is always proportional to the width constrained therein. The formula for that is as follows:

SVG height from data-height / Separator Width * 100vw

If you want to alter the height of the separator outright, you can change the $svgs[ $atts[‘separator’] ][‘height’] into something else. :)

Hello. There is an issue I’m encountering where the separator cannot be hidden in a VC column when the column settings—> responsive options are set so that the column will not be visible on certain devices. E.g. if I don’t want a row to display on mobile devices, I can hide the column using the responsive options under VC, but the row separator remains visible regardless of whether it’s on its own in a column or if there is other content in the column.

Hello! We received a similar ticket earlier and we are working on it. We’ll be releasing our next version soon. We just need to do some testing as well.

But if you need a workaround, this can be also be fixed by applying a media query CSS with display: none attribute for smaller screens. :)

Regards!

by
by
by
by
by
by