- This topic has 12 replies, 2 voices, and was last updated 4 years, 7 months ago by
.
- Posts
Hi Andrew,
I have a problem with the header settings. I what the header to be transparent when I’m scrolling. I set the opacity to 0.2 but the header stays white.
Also I’d like to use the option to shrink the sticky-header. Right now I can’t do that without cutting off the logo. Probably because I added this custom css:.site-header .site-branding img {
max-height: 150px;
}
I’m using a svg for the Logo and wanted it to be a bit larger. It would be nice to be able to shrink the header especially for mobile.Would be great if you had a solution here.
Greetz JanThanks for the info. Is there any change if you clear Autoptimize and then temporarily deactivate it?
Hi. That didn’t make a difference. I noticed though that the logo scales down properly on my mobile. But no transperency. I also deaktivated Simple Custom CSS and copied that piece of CSS to the CSS tool in the customizer.
Sorry for the hassle. At the moment, I’m unsure why the necessary snippet isn’t outputting for the header opacity. I’ve added this same snippet to Custom CSS. This means that in terms of code output it’s exactly the same, we’ve just done it manually. If this doesn’t bother you too much, you could edit the opacity at Appearance > Custom CSS by changing the
0.2value.That looks good! Thanks! The lower part of the logo still gets cut off though. Cleard the browser cache and copied my little snippet back to Simple Custom CSS.
The cut off isn’t happening in MacOS Chrome, Safari or Firefox. Where is the cut off happening, in the initial header or on scroll or both? I’ve added another rule to Custom CSS, has the problem changed at all?
It works now. I tried it with chrome and firefox on my PC. Didn’t have the problem on the iphone.
Thanks for the great support!Greetz Jan
You must be logged in to reply to this topic.