AaronOsborn Posted July 8 Share Posted July 8 I want to adjust the header in my Squarespace site. I am using this code to increase padding on the top, (I want more space on the top of my header than the bottom). #header { padding-top: 2vw; } This adds more space to the top of the header, but the hero image can be seen when scrolled up. I do not want that. I want the header to be the same color and now have an image revealed on top of the header. See attached image for reference. Link to comment
Lesum Posted July 8 Share Posted July 8 @AaronOsborn Replace your code with the following to increase the top padding. You can adjust the value 2vw to increase the padding as needed. header#header .header-announcement-bar-wrapper { padding-top: 2vw !important; } If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment