-
Posts
68 -
Joined
-
Last visited
Community Answers
-
E-W's post in Invert logo color for first section on page only? was marked as the answer
SOLVED: with code from this post:
I modified the code. This is what I used to achieve a color-changing logo on scroll. However, I still need to figure out how to make the burger menu change color on scroll too.
/* Change logo on scroll */
.shrink .header-title-logo img {
visibility: hidden;
transition: all 0.3s;
}
.shrink .header-title-logo a {
background-image: url(https://static1.squarespace.com/static/65a2d78aa72f1c4f2b2f30fe/t/6614307825e9e667d79278b4/1712599160701/Kristy-Burrell-Photography-Vermont-Wedding-Photographer-Logo-Black.png);
background-size: contain;
background-repeat: no-repeat;
}
-
E-W's post in Transparent Header Question was marked as the answer
What is the url of the page you want to change?
-
E-W's post in Help to customize blog title in web and mobile version was marked as the answer
You can use this code to only change mobile:
@media only screen and (max-width: 600px) {
body {
line-height: ;
}
}
BUT, if you use rem instead of px the line height will be responsive to the device.
-
E-W's post in Infinite scroll doesn't infinitely scroll was marked as the answer
SOLVED:
Found this helpful article on modern and responsive marquees with a bit of history and some warnings about their use:
https://ryanmulligan.dev/blog/css-marquee/
I simply copied and pasted the content into the div again to create the allusion of is looping.