Why isn't my white invert logo showing up in the Motion Theme?

The white logo does not show up. Inspecting it shows that no height was indicated for the image. I can see the sticky header version which is black but not the white invert version.

https://offthebikelife.com/

@francism

you mean like this?

Yes that is correct only the black version shows. I had to add a custom css just to enable it but it is conflicting with the sticky header so I had to disable that to. We just the bought the theme and started adding the header logo and hit an issue right away.

.logo–inverted {
min-height: 90px!important;
opacity: 1!important;
}

.logo–inverted .small–hide {
object-fit: contain!important;
}

.logo–inverted .medium-up–hide{
direction: none!important;
opacity: 0!important;
}

how did you “fix” the mobile logo not showing?