Question- I’m using a countdown banner widget on my squarespace website: www.littlefarmhouseflowers.com and I’m having trouble with the logo in my header rolling up under the banner widget and getting partially obscured by the widget. Is there a solution for this? I tried making my header taller in squarespace, but that adds extra space under my logo and the logo is still obscured in the mobile view. Thank you for any help/ideas.
I don’t know much about Squarespace, but maybe this post will help you
Why my widget has an extra padding on my Squarespace website
You can use this code to Custom CSS to fix problem.
header#header.shrink {
top: 48px !important;
}
@media screen and (max-width:767px) {
header#header.shrink {
top: 73px !important;
}}
Thank you for this. I will look into it and maybe it will help me understand the issue. For me, I will need some extra padding or some way to make the banner “stick” above the title/logo, so the logo stops rolling up under the banner.
Hmm. Thank you for your help. I tried this in the Custom CSS and I still see the same problem, with the logo rolling up under the banner, so it is half-obscured. Maybe I should try to “grow” the top of the header?
Did you add it to Custom CSS of Squarespace or Elfsight? This code should add to Squarespace Custom CSS (top of Custom CSS box)
Yes-- I tried that. And now, I’ve set my header to “scroll back” so that it goes away entirely as people scroll down. I was hoping to make the header stick to the bottom of the Elfsight countdown banner.
Can you keep code in CSS box? I can check again easier?
Hi there, @Little_Farmhouse_Flo
Under the logo rolling up, you meant this header, right?
I’ve checked your website and see that it’s working fine now. Could you please confirm that the is resolved?
However, if I misunderstood your idea, please let me know. We’ll be happy to look into this for you