Svg mobile logo scales incorrectly

I tried to pinpoint the issue and I think I figured it out.

The SVG is inside a flexbox child <a class="title"> which won’t grow depending on the content by default. Without set dimensions on the SVG file, it sees no “reason” to grow, hence a default width of 0px.

If you allow the logo’s container to grow, it fixes the issue:

.d-header .title:not(.title--minimized) {
    overflow: hidden;
    flex-grow: 1; // added
}

4 Likes