Archived topic
How can I modify "sticky" header
1 reply · Started by Jenny on November 26, 2021
Viewing posts 1–2 of 2
Hello together,
can anyone of you help me to modify my header?
https://b10wgwn.myraidbox.de
I need some colorgradient behind the Sticky-navigation.
Than I need to change the position of the Sticky-navigation. Can anyone help to put it a little bit down (just sticky, not both)
That would be great. :*
Hi there,
1. Try this CSS:
.sticky-enabled .main-navigation.is_stuck {
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
}Handy site here for creating the linear-gradient CSS:
2. Add this CSS to adjust the margin top on sticky navigation only:
.main-navigation.is_stuck .main-nav > ul {
margin-top: 0;
}
This archived topic is closed to new replies.
