- This topic has 12 replies, 2 voices, and was last updated 5 years, 12 months ago by Andrew Misplon.
- AuthorPosts
- October 11, 2018 at 3:28 pm #10695
JanParticipantHi 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 JanOctober 11, 2018 at 4:03 pm #10696
Andrew MisplonKeymasterHi Jan
Thanks for reaching out. Please, send a URL and I’ll take a look.
October 11, 2018 at 6:14 pm #10698
JanParticipantThis reply has been marked as private.October 11, 2018 at 6:19 pm #10699
Andrew MisplonKeymasterThanks for the info. Is there any change if you clear Autoptimize and then temporarily deactivate it?
October 11, 2018 at 7:44 pm #10700
JanParticipantHi. 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.
October 11, 2018 at 7:48 pm #10701
Andrew MisplonKeymasterThanks. Please, can you change my user role to admin so I can take a look at the settings.
October 11, 2018 at 7:57 pm #10702
JanParticipantSure. Done.
October 11, 2018 at 8:04 pm #10703
Andrew MisplonKeymasterSorry 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.2
value.October 11, 2018 at 8:10 pm #10704
Andrew MisplonKeymasterI forgot to mention, logo scaling seems ok for me now on desktop.
October 11, 2018 at 8:56 pm #10705
JanParticipantThat 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.
October 11, 2018 at 9:04 pm #10706
Andrew MisplonKeymasterThe 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?
October 11, 2018 at 9:17 pm #10707
JanParticipantIt 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
October 11, 2018 at 9:22 pm #10708
Andrew MisplonKeymasterSuper, glad it’s all ok now. Cheers for now 🙂
- AuthorPosts
You must be logged in to reply to this topic.