NoahW 0 Share Posted May 6, 2020 Site URL: https://duck-buffalo-k3d3.squarespace.com Hello! I'm attempting to keep the header the same color when I scroll. I would like the header to keep the metal look when scrolling rather than changing to green. Here is the Current Code. Appreciate any help! //Header Image .header { background-image: url("https://static1.squarespace.com/static/5e8ca6472e5c376d3f69a514/t/5e9e0633a2713368e9c28d3f/1587414595997/TIB+-+Metal+Header+Texture+-+v1.png") } //Header formatting @media screen and (max-width: 700px) { .sqs-block-horizontalrule {max-width: 100%} .sqs-block-content hr { margin-top: -33px !important; margin-bottom: -33px !important; } .Main-content { margin-top: -20px !important; margin-bottom: -82px !important; } .sqs-block-html {margin-top: -40px; padding-bottom: 0px; } } Link to post
0 tuanphan 9,001 Share Posted May 7, 2020 Add to Home > design > Custom CSS .header-announcement-bar-wrapper.black.shrink { background-image: url(https://static1.squarespace.com/static/5e8ca6472e5c376d3f69a514/t/5e9e0633a2713368e9c28d3f/1587414595997/TIB+-+Metal+Header+Texture+-+v1.png) !important; } You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 NoahW 0 Author Share Posted May 18, 2020 (edited) On 5/7/2020 at 3:55 AM, tuanphan said: Add to Home > design > Custom CSS .header-announcement-bar-wrapper.black.shrink { background-image: url(https://static1.squarespace.com/static/5e8ca6472e5c376d3f69a514/t/5e9e0633a2713368e9c28d3f/1587414595997/TIB+-+Metal+Header+Texture+-+v1.png) !important; } Works on Home Page but Not Others! Appreciate the help, but unfortunately the problem still occurs on other pages. The header stays the color of the page upon scrolling. Edited May 18, 2020 by NoahW Works on home Link to post
0 tuanphan 9,001 Share Posted May 19, 2020 16 hours ago, NoahW said: Works on Home Page but Not Others! Appreciate the help, but unfortunately the problem still occurs on other pages. The header stays the color of the page upon scrolling. try this .header-announcement-bar-wrapper.shrink { background-image: url(https://static1.squarespace.com/static/5e8ca6472e5c376d3f69a514/t/5e9e0633a2713368e9c28d3f/1587414595997/TIB+-+Metal+Header+Texture+-+v1.png) !important; } You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
Question
NoahW 0
Site URL: https://duck-buffalo-k3d3.squarespace.com
Hello!
I'm attempting to keep the header the same color when I scroll.
I would like the header to keep the metal look when scrolling rather than changing to green.
Here is the Current Code. Appreciate any help!
//Header Image
.header {
background-image: url("https://static1.squarespace.com/static/5e8ca6472e5c376d3f69a514/t/5e9e0633a2713368e9c28d3f/1587414595997/TIB+-+Metal+Header+Texture+-+v1.png")
}
//Header formatting
@media screen and (max-width: 700px) {
.sqs-block-horizontalrule
{max-width: 100%}
.sqs-block-content hr {
margin-top: -33px !important;
margin-bottom: -33px !important;
}
.Main-content { margin-top: -20px !important;
margin-bottom: -82px !important;
}
.sqs-block-html {margin-top: -40px;
padding-bottom: 0px;
}
}
Link to post
Top Posters For This Question
2
2
Popular Days
May 6
1
May 7
1
May 18
1
May 19
1
Top Posters For This Question
NoahW 2 posts
tuanphan 2 posts
Popular Days
May 6 2020
1 post
May 7 2020
1 post
May 18 2020
1 post
May 19 2020
1 post
Posted Images
3 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment