Can I please have a css the will give me the opportunities to have a gradient color in top header? Now I have it in the image, but it would be easier to have it in the code.
Hey limedrop,
Thank you for the inquiry.
You can try this css code to apply a linear gradient background color to the header:
#top .av_header_transparency .header_bg {
opacity: 1;
background: linear-gradient(to bottom, #0f114c, rgba(15, 17, 76, 0));
}
You may need to adjust the color of the main menu items as well.
Best regards,
Ismael
Thank u! But can we make it so that this does not apply to mobile?
you mean when hamburger is visible.
put that rule of ismael inside a media-query:
@media only screen and (min-width: 989px) {
#top .av_header_transparency .header_bg {
opacity:1;
background:linear-gradient(to bottom,#132444,rgba(17,18,53,0))
}
}