Shrink stopped working properly

[kathringuttmann]

HI, yes, it is a chrome issue, I wrote that in the beginning. It works fine on mozilla and edge…but for me the testing site doesn´t work either. So I guess it is only my browser. I have no idea how that can be…but you had some issues with chrome, too, right?

[rad]

Hi @kathringuttmann,

I mean which chrome version, and yes, I had issues but with your existing headers as it works fine with that sample page that I created. I like to know what chrome version you’re currently testing as it maybe related to this https://www.chromestatus.com/feature/6736527476391936, https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size/36247448. I’ll continue checking it with that and compare.

Thanks!

[kathringuttmann]

Hi, I am using the newest version of chrome (Version 74.0.3729.131 (Offizieller Build) (64-Bit)) so yes, I think what you posted can be the reason for the issue. I am just not sure how to fix it…I think the image and/or the bar has be set to min-height: auto, but I don´t know where I can do that…

[rad]

Hi @kathringuttmann,

I was using Chrome 73, when I updated it to 74 the problem is now frequent even on that test page. It’s weird since it can’ be fixed by any CSS. I’ll continue investigation and since it’s a browser glitch then I can’t promise any timeframe.

Thanks!

[kathringuttmann]

HI, OK…maybe something for a next updae? I guess there are other people out there who have the problem or might not evene have noticed it yet, since they are not using Chrome 74…but thanks for your help

[jade]

Hey @kathringuttmann,

You’re welcome. This has been added to the issue tracker so that our developers will be aware of it.

Thank you.

[kathringuttmann]

Hi, it has something to do with putting the bar in advanced mode…it is not even adding the background image. As soon as I put the bar under customize > advanced mode it breaks…so I guess it is not really a chrome issue, but a bug in the theme that just wasn´t apparent before.

I found a work around…I turned the advanced mode of and put this in the CSS:

.main_bar.x-bar.x-bar-top {
background-color: transparent;
background-image: url(“http://www.farbratten-zucht.de/wp-content/uploads/2019/03/farbratten-zucht-karni-mata-background.png”);
background-position: top;
background-repeat: x-axis;
background-size: contain;
}

[rad]

Hi @kathringuttmann,

Thanks for sharing, and been testing it and it only happens on Chrome 74 and couldn’t find the real cause. As no matter settings, it still the same but fixes itself by just toggling the CSS off and on within browser inspector. Which could be a glitch on that recent update in chrome. The theme only CSS the standard styling and flex which are the same standard for other browsers. But, I’ll continue checking, again yes, you can have that workaround for now.

Thanks!

[kathringuttmann]

Hi, I noticed that it is weird on Android Chrome Mobile Phone, too…When I scroll down, it shrinks, when I scroll up, it doesn´t grow, when I scroll down again, it shrinks even more…

[rad]

Hi @kathringuttmann,

I can reproduce it too on iOS chrome and it appears there is a patch coming on the next update related to it. And it’s mostly for safari. For now, please deactivate the shrink option.

Thanks!